We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

この記事はまだボランティアによって 日本語 に翻訳されていません。ぜひ MDN に参加して翻訳を手伝ってください!
この記事を English (US) で読むこともできます。

The animationstart event is fired when a CSS animation has started. If there is an animation-delay, 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 (and, correspondingly, the animation will begin playing at that time index into the sequence).

General info

CSS Animations
Document, Element, Window
Default Action


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, as of the time the event fired, excluding any time the animation was paused. This value should be 0 unless animation-delay is a negative value, in which case the value will be (-1 * animation-delay), and the animation will begin to play back at that time offset into the animation sequence.

See also


このページの貢献者: Sheppy, fscholz, teoli, ethertank, louisremi
最終更新者: Sheppy,