Generador de animaciones CSS
Para crear una animación CSS, elige un preajuste (fade, slide, bounce, pulse, spin, shake, zoom) o edita los keyframes, ajusta duración, easing, retardo, repeticiones y dirección, previsualízala en directo y copia el CSS de @keyframes y animation.
- Gratis
- Sin registro
- Funciona en tu navegador
Generador de animaciones CSS: cómo se usa
- 1Escribe o pega tu texto en la herramienta.
- 2Elige las opciones que necesites.
- 3Mira cómo el resultado se actualiza al instante.
- 4Copia o descarga el resultado.
Generador de animaciones CSS: preguntas frecuentes
¿Las animaciones CSS afectan al rendimiento?
Animar transform y opacity es ligero porque lo gestiona la GPU; animar width, height o top obliga a recalcular el diseño.
¿Cómo respeto la preferencia de movimiento reducido?
El CSS generado incluye una media query prefers-reduced-motion que desactiva la animación para quienes piden menos movimiento.
¿Se suben mis datos al usar la herramienta Generador de animaciones CSS?
No. La herramienta Generador de animaciones CSS funciona por completo en tu navegador, así que tus textos y números se quedan en tu dispositivo y funciona incluso con una conexión lenta.
¿La herramienta Generador de animaciones CSS funciona en iPhone, Android y Mac?
Sí. La herramienta Generador de animaciones CSS funciona en cualquier navegador moderno (Safari, Chrome, Edge o Firefox) en iPhone, iPad, móviles Android, Mac, Windows y Chromebook. No hay que instalar ninguna app.
¿La herramienta Generador de animaciones CSS es gratis?
Sí. La herramienta Generador de animaciones CSS es gratis, sin registro, sin marca de agua y sin límite diario.