[V4] Gradient stop transitions #14146
goranalkovic-infinum
started this conversation in
Ideas
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Note
Search surfaced a ticket with a similar topic, but doesn't apply to V4 and what this idea is about.
Since V4 is using
@property
for gradient stop colors, it would be cool to have an option for transitioning them without having to add custom code - perhaps atransition-gradient
utility? 😄Arbitrary values are unfortunately not working, as they wrap custom property names with
var()
.For example,
transition-[--tw-gradient-from,_--tw-gradient-to]
outputstransition-property: var(--tw-gradient-from,_--tw-gradient-to)
, which is invalid. Correct output should betransition-property: --tw-gradient-from, --tw-gradient-to
Here's a Playground repro URL: https://play.tailwindcss.com/ZWA5E2RKCq
Beta Was this translation helpful? Give feedback.
All reactions