Propriété animationName du style

Définition et utilisation

animationName Définit ou retourne le nom de l'animation @keyframes à lier au sélecteur.

Exemple

Modifier la propriété animationName de l'élément <div> :

document.getElementById("myDIV").style.animationName = "myNEWmove";

Essayez-le vous-même

Syntaxe

Retourner la propriété animationName :

object.style.animationName

Définir la propriété animationName :

object.style.animationName = "none|keyframename|initial|inherit"

Valeur de l'attribut

Valeur Description
none Valeur par défaut. Définit que l'animation n'est pas présente (peut être utilisée pour couvrir les animations héritées).
keyframename Définit le nom du cadre clé à lier au sélecteur.
initial Définit cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : none
Valeur de retour : Chaîne, représentant l'élément Attribut animation-name.
Version de CSS : CSS3

Support du navigateur

animationName C'est une fonctionnalité CSS3 (1999).

Tous les navigateurs le supportent pleinement :

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supporte Supporte Supporte Supporte Supporte 11

Pages associées

Manuel de référence CSS :Attribut animation-name