Using CSS transitions with TailwindCSS v1.2

Published under TailwindCSS.

With the release of TailwindCSS 1.2, you can now create CSS Grids with Tailwind!

Here's a quick example from the Tailwind docs:

When the above button is hovered, the following will happen:

Check it out!

What classes are new in 1.2?


You can use this class to set the transition property. The available options are:

So you if you want to transition any of the color properties on your element, use: transition-colors.



Use the duration class to set the transition duration. The available options are:



The ease classes allow you to set the timing function for your transition. By default, Tailwind generates a couple custom easing functions for you:


Be sure to check out the release notes of v1.2 to see all the new features that were released!


❤️ Likes: 0
📣 Retweets: 0
💬 Replies: 0
🙊 Mentions: 0
Enjoyed this post? Have a comment or feedback? Let me know on Twitter!