AnimationEvent
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
The AnimationEvent
interface represents events providing information related to animations.
Constructor
AnimationEvent()
-
Creates an
AnimationEvent
event with the given parameters.
Instance properties
Also inherits properties from its parent Event
.
AnimationEvent.animationName
Read only-
A string containing the value of the
animation-name
that generated the animation. AnimationEvent.elapsedTime
Read only-
A
float
giving the amount of time the animation has been running, in seconds, when this event fired, excluding any time the animation was paused. For ananimationstart
event,elapsedTime
is0.0
unless there was a negative value foranimation-delay
, in which case the event will be fired withelapsedTime
containing(-1 * delay)
. AnimationEvent.pseudoElement
Read only-
A string, starting with
'::'
, containing the name of the pseudo-element the animation runs on. If the animation doesn't run on a pseudo-element but on the element, an empty string:''
.
Instance methods
Inherits methods from its parent, Event
.
Specifications
Specification |
---|
CSS Animations Level 1 # interface-animationevent |
Browser compatibility
BCD tables only load in the browser
See also
- Using CSS animations
- Animation-related CSS properties and at-rules:
animation
,animation-composition
,animation-delay
,animation-direction
,animation-duration
,animation-fill-mode
,animation-iteration-count
,animation-name
,animation-play-state
,animation-timing-function
,@keyframes
.