Exemple
Modification de la propriété animationName d'un <div> élément:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";
// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de animationName ou retourne un nom pour l'animation @keyframes.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
Les chiffres suivis de Webkit, Moz, ou O préciser la première version qui a travaillé avec un préfixe.
| Propriété | |||||
|---|---|---|---|---|---|
| animationName | 43,0 4.0 Webkit | 10.0 | 16,0 5,0 Moz | 4.0 Webkit | 30,0 15,0 Webkit 12.1 12.0 O |
Remarque: Chrome, Safari et Opera soutiennent une alternative, la propriété WebkitAnimationName.
Syntaxe
Retour la propriété animationName:
object .style.animationName Définissez la propriété animationName:
object .style.animationName="none| Valeurs de propriété Valeur La description none Valeur par défaut. Indique qu'il n'y aura pas d'animation (peut être utilisée pour remplacer les animations provenant de la cascade) keyframename Indique le nom de l'image clé que vous souhaitez lier au sélecteur initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: aucun Valeur de retour: Une chaîne, ce qui représente la propriété animation-nom d'un élément version CSS CSS3
Pages associées
Référence CSS: la animation-name property
<Style objet