Exemple
Obtenez le nom d'une animation associée à une animation:
var x = document.getElementById("myDIV");
x.addEventListener("animationstart",
myStartFunction);
function myStartFunction(event) {
this.innerHTML
= "Animation-name is: " + event.animationName;
} Essayez vous - même » Définition et utilisation
La propriété animationName renvoie le nom de l'animation, lorsqu'un événement se produit d'animation.
Le nom de l'animation est la valeur du nom d'animation propriété CSS.
Cette propriété est en lecture seule.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| animationName | Oui | 10.0 | 6.0 | Oui | Oui |
Syntaxe
event .animationNameDétails techniques
| Valeur de retour: | Une chaîne, ce qui représente le nom de l'animation |
|---|
Pages associées
Référence HTML DOM: L'événement animationstart
Référence HTML DOM: L'événement animationiteration
Référence HTML DOM: L'événement animationend
Référence HTML DOM: AnimationEvent elapsedTime Property
Référence CSS: CSS3 animation Property
Référence CSS: CSS3 animation-name Property de la CSS3 animation-name Property
<Object Event