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.
* Some parts of this feature may have varying levels of support.
The AnimationEvent interface represents events providing information related to animations.
Constructor
AnimationEvent()-
Creates an
AnimationEventevent with the given parameters.
Instance properties
Also inherits properties from its parent Event.
AnimationEvent.animationRead only-
A
CSSAnimationread-only property representing the animation associated with the event. AnimationEvent.animationNameRead only-
A string containing the value of the
animation-namethat generated the animation. AnimationEvent.elapsedTimeRead only-
A
floatgiving the amount of time the animation has been running, in seconds, when this event fired, excluding any time the animation was paused. For ananimationstartevent,elapsedTimeis0.0unless there was a negative value foranimation-delay, in which case the event will be fired withelapsedTimecontaining(-1 * delay). AnimationEvent.pseudoElementRead 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
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.