Gradient easing

[mrleblanc101]

Linear gradients often have hard edges where they start and/or end.
We can avoid those by controlling the color mix with easing functions.
It's currently a CSSWG proposal.

It would be nice if tailwindcss would add easing utilities in core.
While this is currently not yet supported by browser, it could be polyfilled in the meantime.
There is a PostCSS plugin.
I know Tailwindcss v4 dropped PostCSS, so it would need to ship its own solution for this plugin.

More info here: https://larsenwork.com/easing-gradients/

<div class="bg-linear-to-r from-black to-transparent bg-linear-ease-in-out">