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.

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 ('').

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é.

Cette interface hérite également des méthodes de son parent Event.

Specification
CSS Transitions # interface-transitionevent