TransitionEvent
The TransitionEvent
interface represents events providing information related to transitions.
Constructor
TransitionEvent()
-
Creates a
TransitionEvent
event with the given parameters.
Instance properties
Also inherits properties from its parent Event
.
TransitionEvent.propertyName
Read only-
A string containing the name CSS property associated with the transition.
TransitionEvent.elapsedTime
Read only-
A
float
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.pseudoElement
Read only-
A string, 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:''
.
Types of TransitionEvent
transitioncancel
-
An
Event
fired when a CSS transition has been cancelled. transitionend
-
An
Event
fired when a CSS transition has finished playing. transitionrun
-
An
Event
fired when a CSS transition is created (i.e., when it is added to a set of running transitions), though not necessarily started. transitionstart
-
An
Event
fired when a CSS transition has started transitioning.
Instance methods
Also inherits methods from its parent Event
.
Specifications
Specification |
---|
CSS Transitions # interface-transitionevent |
Browser compatibility
BCD tables only load in the browser
See also
- Using CSS transitions
- CSS properties:
transition
,transition-delay
,transition-duration
,transition-property
,transition-timing-function
- CSS at-rules:
@starting-style