Generador de animación CSS - Gratis Online | FunToolX

Añade fotogramas clave en la línea de tiempo, cada fotograma clave establece las propiedades de los elementos (posición, tamaño, rotación, transparencia, color, etc.). La herramienta genera las reglas @keyframes correspondientes y las propiedades de animación CSS. Soporte para ajustar la duración de la animación, el retraso, el número de iteraciones, la dirección, la función de movimiento lento (facilidad, lineal, cubic-bezier, etc.).

La vista previa de animación se aplica en tiempo real utilizando las propiedades de animación CSS. La herramienta genera dinámicamente reglas @keyframes en la etiqueta estilo, que los elementos de vista previa aplican. La interfaz de línea de tiempo es similar a un software de edición de video y puede arrastrar cuadros clave para ajustar el tiempo.

Ideal para crear rápidamente animaciones CSS complejas que son más intuitivas que las @keyframes escritas a mano. Puede hacer animaciones de carga, efectos de hovering, transiciones de página, etc.

Generador de animación CSS, crea visualmente animación de fotogramas clave CSS, admite animación multipropiedad, función de movimiento lento, control de línea de tiempo, genera código @ keyframes.