TransitionEvent: TransitionEvent() コンストラクター

type

文字列で、イベントの名前を表します。 大文字小文字を区別し、ブラウザーは transitionrun, transitionstart, transitionend, transitioncancel のいずれかを設定します。

options 省略可

オブジェクトで、 Event() で定義されているプロパティに加えて、以下のプロパティを持つことができます。

propertyName 省略可

文字列で、トランジションに関連付けられた CSS プロパティの名前を格納します。 既定値は "" です。

elapsedTime 省略可

アニメーションが一時停止していた時間を除き、このイベントが発行されたときにアニメーションが実行されている時間を秒単位で表す数値です。 "animationstart" イベントでは、 elapsedTime はふつう 0.0 ですが、 animation-delay が負の値である場合は、 elapsedTime が (-1 * delay) であるイベントが発行されます。 既定値は 0.0 です。

pseudoElement 省略可

文字列で、既定値は "::" です。アニメーションが実行される擬似要素の名前が入ります。 アニメーションが擬似要素ではなく要素で実行されている場合は、空文字列 "" になります。 既定値は "" です。

新しい TransitionEvent オブジェクトです。

• CSS トランジションの使用
• CSS プロパティ: transition, transition-delay, transition-duration, transition-property, transition-timing-function