AnimationEventインターフェイス
AnimationEventインターフェイスは、CSSアニメーションの実行によるイベントに関するインターフェイスです。
Eventインターフェイスを継承していますので、EventインターフェイスのPropertyとMethod、Eventタイプが使えます。
- Event
- └── AnimationEvent
Properties
Example Syntax
Boole = event.bubbles; String = event.animationName;
Property | |
---|---|
animationName | CSSアニメーション名 |
elapsedTime | CSSアニメーションが実行された秒数 |
AnimationEvent Types
AnimationEventタイプは、エレメントで起こるイベントを捉えるために、エレメントに設定します。
Example Syntax
object.addEventListener("animationstart", script_);
AnimationEvent type | |
---|---|
animationend | CSSアニメーションの実行が完了したら |
animationiteration | CSSアニメーションが繰り返しが実行されたら |
animationstart | CSSアニメーションの実行が始まったら |
関連(Related)
HTML、CSS、DOMのCSSアニメーションに関する用途一覧です。 CSSアニメーションができるかはCSSのプロパティによります。
HTML
CSS
DOM
- インターフェース
- AnimationEvent、 PopStateEvent
- イベント
- animationend、 animationiteration、 animationstart
- プロパティ
- animationName、 elapsedTime、 propertyName
- メソッド