CSSプロパティの変化を滑らかにアニメーションするプロパティです。
transition: <property> <duration> <timing-function> <delay>transition: all 0.3s ease;全てのプロパティを0.3秒でスムーズに変化
transition: opacity 0.2s ease-in-out;透明度のみを0.2秒で変化
ホバー効果やインタラクティブな要素には必須。パフォーマンスを考慮してtransformやopacityを優先。
IE10+, 全モダンブラウザ