TransitionEvent
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 TransitionEvent
représente les évènements qui fournissent des informations relatives aux transitions.
Constructeur
TransitionEvent()
-
Crée un évènement
TransitionEvent
avec les paramètres fournis.
Propriétés des instances
Cette interface hérite également des propriétés de son parent Event
.
TransitionEvent.propertyName
Lecture seule-
Une chaîne de caractères qui contient le nom de la propriété CSS associée à la transition.
TransitionEvent.elapsedTime
Lecture seule-
Un nombre flottant (
float
) indiquant la durée (exprimée en secondes) depuis laquelle la transition est lancée, lorsque cet évènement a été déclenché. Cette valeur n'est pas impactée par la propriététransition-delay
. TransitionEvent.pseudoElement
Lecture seule-
Une chaîne de caractères, commençant par
::
, qui contient le nom du pseudo-élément sur lequel s'exécute l'animation. Si la transition ne porte pas sur un pseudo-élément, mais sur un élément, cette propriété vaudra la chaîne vide (''
).
Évènements de type TransitionEvent
transitioncancel
-
Un évènement déclenché lorsqu'une transition CSS a été annulée.
transitionend
-
Un évènement déclenché lorsqu'une transition CSS a terminé.
transitionrun
-
Un évènement déclenché lorsqu'une transition CSS est créée (c'est-à-dire ajoutée à l'ensemble des transitions lancées), sans qu'elle soit nécessairement démarrée.
transitionstart
-
Un évènement déclenché lorsqu'une transition CSS a démarré.
Méthodes des instances
Cette interface hérite également des méthodes de son parent Event
.
Spécifications
Specification |
---|
CSS Transitions # interface-transitionevent |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
- Utiliser les transitions CSS
- Les propriétés CSS relatives aux transitions :