Tailwind CSS Animation
This class accepts lots of value in tailwind CSS in which all the properties are covered in class form. This class is used for animating elements with CSS animation. In CSS, we can do that by using the CSS animation property.
Animation classes :
- animate-spin: This class is used to add a linear spin animation to elements.
- animate-ping: This class is used to make an element scale and fade like a radar ping or ripple of water.
- animate-bounce: This class is used to make an element bounce up and down.
- animate-pulse: This class is used to make an element gently fade in and out.
Example 1: The following code implements classes animation-spin and animation-ping.
Example 2: The following code implements classes animation-bounce and animation-pulse.