The animationend event is fired when a CSS animation has completed.
General info
- Specification
- CSS Animations
- Interface
- AnimationEvent
- Bubbles
- Yes
- Cancelable
- No
- Target
- Document, Element
- Default Action
- None
Properties
| Property | Type | Description |
|---|---|---|
target Read only |
EventTarget |
The event target (the topmost target in the DOM tree). |
type Read only |
DOMString |
The type of event. |
bubbles Read only |
boolean |
Does the event normally bubble? |
cancelable Read only |
boolean |
Is it possible to cancel the event? |
animationName Read only |
DOMString |
The name of the CSS property associated with the transition. |
elapsedTime Read only |
Float | The amount of time the animation has been running, in seconds, when this event fired, excluding any time the animation was paused. For an "animationstart" event, the elapsedTime is zero unless there was a negative value for animation-delay, in which case the event will be fired with an elapsedTime of (-1 * delay). |