Choisissez un type d'animation courant, ajustez les paramètres et prévisualisez en temps réel

Réglages de l'animation

Type d'animation

Durée (s)

Délai (s)

Fonction de temporisation

Nombre d'itérations

Direction

Lancer l'animation

Aperçu

CSS généré

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

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