This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The Transition
Event
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 transtion has been running, in seconds, when this event fired. This value is not affected by thetransition-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 deprecatedDocument.createEvent("TransitionEvent")
method.
Specifications
Specification | Status | Comment |
---|---|---|
CSS Transitions The definition of 'TransitionEvent' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | 4.0 (2.0) | 10.0 | (Yes) | (Yes) |
Constructor | (Yes) | No support | 23.0 (23.0) | No support | (Yes) | No support |
initTransitionEvent() |
No support[1] | (Yes) | 6.0 (6.0) Removed in 23.0 (23.0) |
10.0 | No support[1] | (Yes) |
pseudoelement |
(Yes) | No support | 23.0 (23.0) | No support | (Yes) | No support |
Feature | Android Webview | Chrome for Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | (Yes) | 4.0 (2.0) | 10.0 | (Yes) | (Yes) |
Constructor | (Yes) | (Yes) | No support | 23.0 (23.0) | No support | (Yes) | No support |
initTransitionEvent() |
No support[1] | No support[1] | (Yes) | 6.0 (6.0) Removed in 23.0 (23.0) |
10.0 | No support[1] | (Yes) |
pseudoelement |
(Yes) | (Yes) | No support | 23.0 (23.0) | No support | (Yes) | No support |
[1] Removal version unknown.