CSS transition-property プロパティ

transition-property(トランジション-プロパティ) プロパティは、トランジション効果を適用するプロパティを指定します。

transition-property(トランジション-プロパティ) プロパティ使い指定したプロパティのみ変化を与えることができます。

下記のデモは文字の色だけが徐々に変化するものです。これは「transition-property: color;」と指定しているので色の変化しか起きません。

color

これを「transition-property: all;」と値にallを入れると全体の要素が徐々に変わる動きになります。

color

関連記事