備忘録的プログラミングリファレンス

animationstartイベント

 animationstartイベントは、CSSアニメーションの実行の始まりを捉えるイベントタイプです。 このイベントは、AnimationEventのイベントタイプです。

 CSSアニメーションの実行には、以下のイベントタイプがあります。

animationstartCSSアニメーションが始まったら
animationiterationCSSアニメーションが繰り返したら
animationendCSSアニメーションが完了したら

Syntax

 Chrome 4.0, Safari 4.0, Opera 15.0以降は"webkitAnimationStart"で指定する必要があります。

in JavaScript

for Chrome, Safari, Opera

object.addEventListener("webkitAnimationStart", script_);

上記以外

object.addEventListener("animationstart", script_);

備考(Remarks)

Bubblesyes
Cancelableno
InterfaceAnimationEvent

Example

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。