webmas.jp

transition-property は要素の状態変化の内容を指定します。

値

none, all, プロパティ名

初期値

all

対象

すべての要素

継承

しない

CSS レベル

CSS 3～

値の詳細

all

すべてのプロパティで変化を有効化

none

すべてのプロパティで変化を無効化

プロパティ名

指定したプロパティで変化を有効化

サンプル

プロパティ名はカンマ区切りで複数指定することができます。

div {
	transition-duration: 200ms, 1s;
	transition-property: background, margin;
}

div:hover {
	background: #cccccc;
	margin: 20px;
}

プレビュー

テキスト上にマウスカーソルを乗せると背景色が変化します。