TransitionEvent

The TransitionEvent interface represents events providing information related to transitions.

Constructor

TransitionEvent()

Creates a TransitionEvent event with the given parameters.

Properties

Also inherits properties from its parent Event.

TransitionEvent.propertyName Read only

Is a DOMString containing the name CSS property associated with the transition.

TransitionEvent.elapsedTime Read only

Is a float giving the amount of time the transition has been running, in seconds, when this event fired. This value is not affected by the transition-delay property.

TransitionEvent.pseudoElement Read only

Is a DOMString, starting with '::', containing the name of the pseudo-element the animation runs on. If the transition doesn't run on a pseudo-element but on the element, an empty string: ''.

Methods

Also inherits properties from its parent Event.

TransitionEvent.initTransitionEvent()

Initializes a TransitionEvent created using the deprecated Document.createEvent("TransitionEvent") method.

Specifications

Browser compatibility

See also

• Using CSS transitions
• CSS properties: transition, transition-delay, transition-duration, transition-property, transition-timing-function.