animationstart

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.

animationstart 事件会在 CSS 动画开始时触发。如果有 animation-delay 延时，事件会在延迟时效过后立即触发。为负数的延时时长会致使事件被触发时事件的 elapsedTime 属性值等于该时长的绝对值（并且，相应地，动画将直接播放该时长绝对值之后的动画）。

属性	类型	描述
`target` 只读	`EventTarget`	事件来源（DOM 顶层目标）。
`type` 只读	`DOMString`	事件类型
`bubbles` 只读	`boolean`	事件是否正常冒泡？
`cancelable` 只读	`boolean`	可否取消该事件？
`animationName` 只读	`DOMString`	与该动画相关的 CSS 属性值。
`elapsedTime` 只读	`Float`	动画运行时长，单位为秒，与直到该事件被触发的时间相一致，不包括任何动画暂停时的时长。此值应为 0 除非 `animation-delay` 是一个负值，这种情况下此值为 (-1 * `animation-delay`)，并且动画将直接从此值后的序列开始播放。

Specification
CSS Animations Level 1 # eventdef-globaleventhandlers-animationstart