CSS

Cascading Style Sheets transition property.

transition

　transitionプロパティは、transition効果（時間的変化）をまとめて指定する際に使用します。

　transitionプロパティでは、

• transition-property
• transition-duration
• transition-timing-function
• transition-delay

の各プロパティの値を、まとめて指定することができます。

　このプロパティでは、値を指定する順序が重要となります。時間として指定される最初の値はtransition-durationに割り当てられ、時間として指定される二番目の値はtransition-delayに割り当てられます。

　複数の種類の CSSプロパティに対して transition効果を適用する場合には、値のセットをカンマ（ , ）で区切って指定します。

値

各プロパティの値をスペースで区切って指定

1. transition-propertyの値
2. transition-durationの値
3. transition-timing-functionの値
4. transition-delayの値

の順で指定する。

初期値・適用対象・値の継承

初期値

• transition-propertyは none
• transition-durationは 0
• transition-timing-functionは ease
• transition-delayは 0

適用対象

すべての要素、:before擬似要素、:after擬似要素

値の継承

しない