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
AnimationEventevent with the given parameters.
Instance properties
Also inherits properties from its parent 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
Loading…
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.