Generador de animaciones CSS

Genera animaciones CSS con fotogramas clave. Configura temporización, duración, retardo y repeticiones.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Preguntas frecuentes

¿Qué es una animación CSS?

Las animaciones CSS cambian gradualmente propiedades CSS a lo largo del tiempo usando fotogramas clave, permitiendo que los elementos se muevan, aparezcan, crezcan y se transformen.

¿Qué hace fill-mode?

Fill-mode controla qué estilos se aplican antes y después de la animación. 'forwards' mantiene el estado final, 'backwards' aplica el estado inicial antes del retardo.