Propriété animation-name CSS

Définition et utilisation

animation-name Définir le nom de l'animation @keyframes.

Remarque :Il est toujours recommandé de spécifier animation-duration Sinon, si la durée est de 0, l'animation ne sera pas jouée.

Voir également :

Tutoriel CSS3 :Animation CSS

Manuel de référence HTML DOM :Attribut animationName

Exemple

Définir un nom pour l'animation @keyframes :

div
{
animation:mymove 5s infinite;
}

Essayez-le vous-même

Syntaxe CSS

animation-name : keyframename|none;

Valeur de l'attribut

Valeur Description
keyframename Définit le nom de la keyframe à lier au sélecteur.
aucune Définit l'absence d'effet d'animation (peut être utilisé pour couvrir les animations héritées).

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.animationName="mymove"

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur complètement supportant cette propriété.

Les nombres précédés de -webkit-、-moz- ou -o- représentent la première version utilisant les préfixes.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-