webmas.jp

transition-delay は要素の状態変化が開始されるまでの待ち時間を指定します。

値

数値 + s, ms

初期値

0s

対象

すべての要素

継承

しない

CSS レベル

CSS 3～

サンプル

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

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

div:hover {
	background: #cccccc;
	color: blue;
}

プレビュー

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