Skip to content

Animation

Provides a new TailwindCSS utility class animation- for animation-name property.

You should use this together with Keyframes and animate utility class to run the animation or use your own animation styles.

You can add more in the tailwind.config.js, see Config for more info.

View Source 

Example

html
<div class="animate animation-fade-in">
    Content
</div>
css
.animate {
    animation-duration: var(--duration);
    animation-fill-mode: both;
}

Released under the MIT License.