TransitionEvent

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.

• Utiliser les transitions CSS
• Les propriétés CSS relatives aux transitions :
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transition-timing-function