Transition duration with tailwind css

4
votes

Is there a class for the transition duration with tailwind CSS? For example, is there a way to add transition duration on this example div?

<div class=”text-black hover:text-red”>test</div>
2
tailwind-css

2 Answers

8
votes

Update 2020: CSS Transition and CSS Transform is now available.

--> Tailwind CSS v1.2.0

3
votes

Edit: tailwindcss v1.2.0 added transitions in 2020

There are currently no transition utilities in standard tailwindcss (there is an open issue on github from 2017). However, transition utilities can be enabled through plugins. You should look at benface's plugin tailwindcss-transitions. 

npm install tailwindcss-transitions