animationstart Redirect 2

The animationstart event is fired when a CSS animation has started. If there is an animation-delay then this event will fire once the delay period has expired. A negative delay will cause the event to fire with an elapsedTime equal to the absolute value of the delay.

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 (string) 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).

See also

Document Tags and Contributors

Contributors to this page: Sheppy
Last updated by: Sheppy,