TransitionEvent

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨juillet 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é.