Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété animation-name

Description.

Définit l'animation associée à l'élément. L'animation de ce nom doit avoir été définie par une directive @keyframes.

Pour une présentation générale des animations, reportez-vous à la page généralités sur les animations.

Syntaxes pour animation-name.

  • animation-name: none;

    Valeur par défaut. Aucune animation n'est associée à l'élément.

  • animation-name: nom-animation;

    L'animation nommée 'nom-animation' est associée à l'élément. Elle sera jouée si une durée est également définie.
    Ce nom doit correspondre à une déclaration Object existante.

  • animation-name: animation1, animation2, ...;

    Plusieurs animations sont associées à l'élément. Elle seront jouées simultanément.
    Pour une explication détaillée sur les animations multiples, consultez la page animations multiples.

  • animation-name: inherit | initial | unset;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

animation-name :
Résultat

Voir aussi...

Animation - Propriétés.

Animation - Directives.

Animation - Fonctions.

  • cubic-bezier() : Détermine une progression non linéaire pour les animations.
  • steps() : Définit une animation saccadée, pas par pas.