A Tailwind CSS plugin for creating beautiful animations. Add an animated fade and zoom entrance, <div class="animate-in fade-in zoom-in">...</div>

Tailwind provides utilities for four different example animations, as well as the animate-none utility. You can customize these values by editing theme. ... Quick reference · Spin · Ping · Pulse

Build your custom animations with ease. Add the animation plugin to your Tailwind CSS project and generate your animation using the configurator.

20 июн. 2024 г. · This plugin brings various utility classes as well as several ready-to-use CSS animations. Here are some simple examples.

2 дек. 2023 г. · The plugin generates all the animate.css utility classes for you. Variants Generating different class variants is super easy, tailwind does all the work for ...

An updated animation plugin for Tailwind CSS v3. Easily add animations to your Tailwind projects. Uses the animations from animate.css but through Tailwind's ...

The plugin that you need! 1. Install the dependency npm install @midudev/tailwind-animations 2. Add to your configuration import animations from '@midudev/ ...

28 июл. 2024 г. · TailwindCSS provides four primary animations: spin, ping, bounce, and pulse. These animations are straightforward to implement but often lack ...

Use Tailwind CSS animations with helper examples for delay, duration, loading, on hover, on scroll, rotate, fade in and out, button click animations & more.

Вращение. Добавьте утилиту animate-spin , чтобы добавить анимацию линейного вращения к таким элементам, как индикаторы загрузки.