webmas.jp

transition-duration は要素の状態変化の時間を指定します。

値

数値 + s, ms

初期値

0s

対象

すべての要素

継承

しない

CSS レベル

CSS 3～

サンプル

transition-property の変化の内容が複数ある場合、transition-duration のプロパティもカンマで区切って別々の値の指定が可能です。

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

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

プレビュー

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