TransitionEvent

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

コンストラクター

親である Event から継承したプロパティもあります。

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

transitioncancel: Event で、 CSS トランジションが中断されたときに発生します。
transitionend: Event で、 CSS トランジションの実行が終了したときに発生します。
transitionrun: Event で、 CSS トランジションが生成されたとき、実行中のトランジションに追加されたときに発生し、必ずしも開始時に発生するとは限りません。
transitionstart: Event で、 CSS トランジションの推移が開始したときに発生します。

親である Event から継承したプロパティもあります。

Specification
CSS Transitions # interface-transitionevent