Transition duration with tailwind css

Question

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>

notapatch · Accepted Answer · 2020-02-14 11:34:34Z

7

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

--> Tailwind CSS v1.2.0

edited Feb 14, 2020 at 11:34

notapatch

7,3136 gold badges44 silver badges54 bronze badges

answered Jan 21, 2020 at 23:45

Jonas Reif

3242 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

notapatch · Accepted Answer · 2020-02-14 11:41:48Z

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

Collectives™ on Stack Overflow

Transition duration with tailwind css

2 Answers 2

Comments

Edit: tailwindcss v1.2.0 added transitions in 2020

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Edit: tailwindcss v1.2.0 added transitions in 2020

Comments

Related