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

AnimationEventインターフェイス

 AnimationEventインターフェイスは、CSSアニメーションの実行によるイベントに関するインターフェイスです。

 Eventインターフェイスを継承していますので、EventインターフェイスのPropertyとMethod、Eventタイプが使えます。

Properties

Example Syntax

Boole = event.bubbles;
String = event.animationName;
Property
animationNameアニメーション名
elapsedTimeアニメーションが実行された秒数

AnimationEvent Types

 AnimationEventタイプは、エレメントで起こるイベントを捉えるために、エレメントに設定します。

Example Syntax

object.addEventListener("animationstart", script_);
AnimationEvent type
animationendCSSアニメーションの実行が完了したら
animationiterationCSSアニメーションが繰り返しが実行されたら
animationstartCSSアニメーションの実行が始まったら