Support for multiple durations #18506
dreamstar-enterprises
started this conversation in
Ideas
Replies: 1 comment
-
You can use arbitrary value classes to do this like: <div class="transition-[opacity,background-color,color] duration-[600ms,100ms,100ms] ease-in-out"> |
Beta Was this translation helpful? Give feedback.
0 replies
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.
-
I can't do this in TW yet, e.g. applying different durations to color change, bg color change, opacity change transitions
/* Custom class for managing distinct transition durations /
/ Tailwind does not support mulitple durations yet */
.sidebar-link-transitions {
transition: opacity 600ms ease-in-out,
background-color 100ms ease-in-out,
color 100ms ease-in-out;
}
Would be nice to get support
Beta Was this translation helpful? Give feedback.
All reactions