TransitionEvent object

Provides specific contextual information associated with Cascading Style Sheets (CSS) transitions.

DOM Information

Inheritance Hierarchy

Event

TransitionEvent

Members

The TransitionEvent object has these types of members:

Events
Methods
Properties

Events

The TransitionEvent object has these events.

Event	Description
transitionend	The transitionend event occurs at the completion of the transition. If the transition is removed before completion, the event will not fire.
transitionstart	The transitionstart event occurs at the beginning of the transition.

Methods

The TransitionEvent object has these methods.

Method	Description
initTransitionEvent	Used to initialize the value of a TransitionEvent.

Properties

The TransitionEvent object has these properties.

Property	Access type	Description
elapsedTime	Read-only	The amount of time the transition has been running, in seconds.
propertyName	Read-only	Name of the CSS property associated with the transition.

Remarks

The completion of a CSS transition generates a corresponding Document Object Model (DOM) event. An event is fired for each property that undergoes a transition. This allows a content developer to perform actions that synchronize with the completion of a transition. Each event provides the name of the property the transition is associated with as well as the duration of the transition.