TheTransitionEvent interface represents events providing information related totransitions.

Constructor

TransitionEvent()

Creates aTransitionEvent event with the given parameters.

Instance properties

Also inherits properties from its parentEvent.

TransitionEvent.propertyNameRead only

A string containing the name CSS property associated with the transition.

TransitionEvent.elapsedTimeRead only

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

TransitionEvent.pseudoElementRead only

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

Types ofTransitionEvent

transitioncancel

AnEvent fired when aCSS transition has been cancelled.

transitionend

AnEvent fired when aCSS transition has finished playing.

transitionrun

AnEvent fired when aCSS transition is created (i.e., when it is added to a set of running transitions), though not necessarily started.

transitionstart

AnEvent fired when aCSS transition has started transitioning.

Instance methods

Also inherits methods from its parentEvent.

Specifications

Browser compatibility

See also

• Using CSS transitions
• CSS properties:transition,transition-delay,transition-duration,transition-property,transition-timing-function
• CSS at-rules:@starting-style