This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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

Specification Status Comment
CSS Transitions
The definition of 'TransitionEvent' in that specification.
Working Draft Initial definition.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes410 Yes Yes
TransitionEvent() constructor Yes No23 No Yes No
animationName Yes Yes410 Yes Yes
propertyName ? ? ? ? ? ?
elapsedTime Yes Yes410 Yes Yes
pseudoElement Yes No23 No Yes No
initTransitionEvent No1 Yes6 — 2310 No1 Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes Yes4 Yes Yes ?
TransitionEvent() constructor Yes Yes No23 Yes No ?
animationName Yes Yes Yes4 Yes Yes ?
propertyName ? ? ? ? ? ? ?
elapsedTime Yes Yes Yes4 Yes Yes ?
pseudoElement Yes Yes No23 Yes No ?
initTransitionEvent No1 No1 Yes6 — 23 No1 Yes ?

1. Removal version unknown.

See also

Document Tags and Contributors

Contributors to this page: ngyikp, fscholz, jpmedley, erikadoyle, Jeremie, teoli, Noitidart
Last updated by: ngyikp,