Propriétés animables ?

transform, opacity, color, width, height, border-radius, etc.

Nom

Outil gratuit en ligne Générer des animations CSS clés, sans installation

Paramètres

Nom

Durée (s)

Easing

ease-out

Direction

normal

Itérations

État de départ

opacity

transform

État final

opacity

transform

Résultat

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide-in {
  animation: slide-in 0.5s ease-out 1 normal;
}

Aperçu

Box

Si cet outil vous a été utile, offrez un café à l'auteur.

Offrir un café

Plus d'Outils

Convertisseur de stockage Encodeur/Décodeur JWT Calculateur Chmod Générateur de sprites CSS Analyseur de statistiques de texte Analyseur User-Agent Générateur CSS backdrop-filter Diagramme d'Ishikawa

Nom

Comment créer des animations CSS

Plus d'Outils

Commentaires