1 year ago

http://tailwindcss.com is a popular utility-first CSS framework, which makes it easier to design your websites. In this article, I will cover how we can create custom utility classes to provide animations to the web elements.

Using the class is fairy simple you just have to add the utility class to your element and the element will show the animation effect.

This works great, but how about when you want a custom animation for which tailwind does not have a utility class yet.

First we will see how the animation works in pure CSS, and then we will trasform it to a tailwind utility class.