transition-propertyの意味と使い方

トランジション(遷移)とは、あるスタイルを別のスタイルへ滑らかに変化させる効果です。視覚的な変化をFlashやJavaScriptを使用せずに実現することができます。
トランジションでは、プロパティの値を変化させることで効果を実現します。そのため次の指定が必要です。
・効果を適用するプロパティと、その開始時の値と完了時の値
・変化にかける時間
トランジション効果を適用するプロパティは、transition-propertyプロパティで指定し、変化にかける時間はtransition-durationプロパティで指定します。