TransitionEvent

TransitionEvent() (en-US)

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 (en-US) Lecture seule

Une chaîne de caractères qui contient le nom de la propriété CSS associée à la transition.

TransitionEvent.elapsedTime (en-US) 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 (en-US) 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 (en-US)

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 (en-US)

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 (en-US)

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