Generador de animaciones CSS @keyframes

Elige un movimiento de entrada, salida, rebote, giro o pulso y ajusta la duración, el retraso y la función de tiempo. Reproduce la vista previa para comprobar el efecto sobre una figura.

Copia las reglas @keyframes y la declaración de animación para usarlas en tu hoja de estilos. Mantén nombres y propiedades CSS en su sintaxis original y comprueba que la animación respete las preferencias de movimiento reducido de tus usuarios.