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

animationNameプロパティ

 animationNameプロパティは、CSSアニメーションのname名で、AnimationEventのプロパティです。CSSのanimation-nameプロパティの値です。

 animationNameプロパティは、animationstartanimationiterationanimationendイベントによって得られるeventオブジェクトのプロパティとして取得できます。

 animationNameプロパティは、animationstartanimationiterationanimationendイベントが発生したときに利用します。

Syntax

in JavaScript

返り値はString型です。

String = event.animationName;

Example

 animationNameプロパティの例です。
 animationstartイベントをとらえて、eventオブジェクトを取得します。そして、eventオブジェクトのanimationNameプロパティの値を表示します。

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