title

slug

l10n

TransitionEvent

Web/API/TransitionEvent

sourceCommit
56c76424a5edb45f6716ac4ee48861dac8e7ae38

TransitionEvent インターフェイスは、トランジションに関する情報を提供するイベントを表します。

コンストラクター

{{domxref("TransitionEvent.TransitionEvent", "TransitionEvent()")}}
- : 指定された引数で TransitionEvent イベントを作成します。

インスタンスプロパティ

親である {{domxref("Event")}} から継承したプロパティもあります。

{{domxref("TransitionEvent.propertyName")}} {{ReadOnlyInline}}
- : 文字列で、このトランジションに関連付けられた CSS プロパティの名前が入ります。
{{domxref("TransitionEvent.elapsedTime")}} {{ReadOnlyInline}}
- : float で、このイベントが発生した時点でトランジションが実行している時間を秒単位で表します。この値は {{cssxref("transition-delay")}} プロパティの影響を受けません。
{{domxref("TransitionEvent.pseudoElement")}} {{ReadOnlyInline}}
- : 文字列で、 :: で始まる、アニメーションが実行される擬似要素の名前が入ります。トランジションが擬似要素上ではなく要素上で実行されている場合は、空文字列 '' になります。

{{domxref("Element/transitioncancel_event", "transitioncancel")}}
- : {{domxref("Event")}} で、 CSS トランジションが中断されたときに発生します。
{{domxref("Element/transitionend_event", "transitionend")}}
- : {{domxref("Event")}} で、 CSS トランジションの実行が終了したときに発生します。
{{domxref("Element/transitionrun_event", "transitionrun")}}
- : {{domxref("Event")}} で、 CSS トランジションが生成されたとき、実行中のトランジションに追加されたときに発生し、必ずしも開始時に発生するとは限りません。
{{domxref("Element/transitionstart_event", "transitionstart")}}
- : {{domxref("Event")}} で、 CSS トランジションの推移が開始したときに発生します。

親である {{domxref("Event")}} から継承したプロパティもあります。