TransitionEvent
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.
The Transition
Event
interface represents events providing information related to transitions.
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:''
.
Constructor
TransitionEvent()
- Creates a
TransitionEvent
event with the given parameters.
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 | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | (Yes) | 4.0 (2.0) | 10.0 | (Yes) | (Yes) |
TransitionEvent() constructor |
Not supported | 23.0 (23.0) | Not supported | Not supported | Not supported |
initTransitionEvent() |
(Yes) | 6.0 (6.0) Removed in 23.0 (23.0) |
10.0 | (Yes) | (Yes) |
pseudoelement |
Not supported | 23.0 (23.0) | Not supported | Not supported | Not supported |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | (Yes) | 4.0 (2.0) | 10.0 | (Yes) | (Yes) |
TransitionEvent() constructor |
Not supported | 23.0 (23.0) | Not supported | Not supported | Not supported |
initTransitionEvent() |
(Yes) | 6.0 (6.0) Removed in 23.0 (23.0) |
10.0 | (Yes) | (Yes) |
pseudoelement |
Not supported | 23.0 (23.0) | Not supported | Not supported | Not supported |
See also
- Using CSS transitions
- CSS properties:
transition
,transition-delay
,transition-duration
,transition-property
,transition-timing-function
.
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/api/transitionevent