AnimationEvent
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
L'interface AnimationEvent
représente les évènements apportant des informations sur les animations CSS.
Constructeur
AnimationEvent()
-
Crée un évènement
AnimationEvent
avec les paramètres spécifiés.
Propriétés
Hérite également des propriétés de son parent, Event
.
animationName
Lecture seule-
Une chaîne contenant la valeur de la propriété CSS
animation-name
associée à la transition. elapsedTime
Lecture seule-
Un nombre à virgule flottante, équivalent à la durée pendant laquelle l'animation s'est déroulée, en secondes, depuis le déclenchement de cet évènement (excluant les temps de pause de l'animation).
elapsedTime
vaudra0.0
pour un évènementanimationstart
, à moins queanimation-delay
n'ait une valeur négative. Dans ce cas, l'évènement sera déclenché avec une valeur de(-1 * délai)
pourelapsedTime
. pseudoElement
Lecture seule-
Une chaîne commençant par
::
, qui contient le nom du pseudo-élément sur lequel l'animation s'exécute. Si l'animation est exécutée sur l'élément et non sur un pseudo-élément, la chaîne sera vide (""
).
Méthodes
Hérite des méthodes de son parent, Event
.
Spécifications
Specification |
---|
CSS Animations Level 1 # interface-animationevent |
Compatibilité des navigateurs
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
AnimationEvent | ||||||||||||
AnimationEvent() constructor | ||||||||||||
animationName | ||||||||||||
elapsedTime | ||||||||||||
pseudoElement |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Requires a vendor prefix or different name for use.
- Has more compatibility info.
Voir aussi
- Utiliser les animations CSS
- Les propriétés CSS et règles @ relatives aux animations :