Generador de Animaciones CSS
Crea animaciones CSS con keyframes. Elige preajustes, ajusta duración, timing, delay e iteraciones. Vista previa en vivo y código CSS listo para copiar. 100% en tu navegador.
Vista previa
Código CSS
Referencia
¿Qué son las animaciones CSS?
Las animaciones CSS permiten transicionar propiedades de un elemento entre distintos estados usando @keyframes. A diferencia de las transiciones simples, las animaciones pueden tener múltiples pasos, repetirse, invertirse y controlarse con gran detalle sin JavaScript.
Preajustes de animación
Los preajustes incluyen animaciones comunes como fade in, slide, bounce, pulse, shake, rotate y más. Cada preajuste genera los @keyframes correspondientes listos para usar en tu proyecto.
Privacidad
Todo el procesamiento se ejecuta 100% en tu navegador. No se envían datos a ningún servidor.