CSS トランジションの使用 - CSS | MDN

メモ: auto の値はしばしばとても複雑になります。仕様書では開始値および終了値が auto の場合はアニメーションしないよう推奨しています。 Gecko を利用したものなど、一部のユーザーエージェントはこの要件を実装しており、 WebKit を利用したものなどではより制約が少なくなります。 auto でアニメーションを利用すると、ブラウザーやそのバージョンによって予測できない結果になる可能性があるため、避けるべきです。 トランジションの定義 CSS トランジションは一括指定の transition プロパティを使用して制御されます。トランジションを設定する上で最も良い方法で、パラメーターを列挙する数がずれてしまって、とってもイライラしながら CSS のデバッグを多大な時間を使って行うことを防いでくれます。 それぞれのトランジションコンポーネントに対しては以下のサブプロパティを用いてコン

[gt-r-blaze]

"transition"

[takatoshiono]

cssおもしろいなー

[swarm_of_trials]

CSSアニメーション プロパティの詳細な説明

[hama_shun]

"トランジションが完了したときに発生するイベントがあります。そのイベントは、Firefox では transitionend、Opera では oTransitionEnd、そして WebKit では webkitTransitionEnd です。詳しくは後述のブラウザ互換性の表を参照してくださ

[hisasann]

「Firefox では transitionend、Opera では oTransitionEnd、そして WebKit では webkitTransitionEnd です」