plugin-tailwindcss-animaciones
v0.0.4
Published
Plugin de tailwindcss para añadir animaciones
Downloads
10
Maintainers
Readme
Animaciones Tailwind CSS
Basado en el video de Midudev
Descripción:
Plugin de animaciones de Tailwindcss basado en el video de Midudev. Animaciones personalizadas para tus proyectos, sólo hay que instalar el paquete, añadir el plugin al archivo de configuración de tailwindcss y ya puedes implementar las animaciones en el html.
Instalación:
npm
npm i plugin-tailwindcss-animaciones
pnpm
pnpm add plugin-tailwindcss-animaciones
yarn
yarn add plugin-tailwindcss-animaciones
Configuración:
Añadir el plugin al archivo de configuración de tailwindcss,
//tailwind.config.mjs
import animations from 'plugin-tailwindcss-animaciones'
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
theme: {
extend: {}
},
plugins: [animations]
}
Uso:
<div class="animate-fade-in">Hola mundo</div>