Elige un tipo de animación común, ajusta los parámetros y previsualiza en tiempo real

Configuración de animación

Tipo de animación

Duración (s)

Retardo (s)

Función de temporización

Número de iteraciones

Dirección

Ejecutar animación

Vista previa

CSS generado

@keyframes fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.element {
  animation: fade 1s ease 0s infinite normal;
}