トランジション効果が開始するまで 2 秒間待機します：
div {
-webkit-transition-delay: 2s; /* Safari */
transition-delay: 2s;
}
Try it Yourself ❯
transition-delay プロパティは、トランジション効果が始まるまでの時間を指定します。
transition-delay の値は、秒（s）またはミリ秒（ms）で定義します。
| デフォルト値： | 0s |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 不可。animatable を参照 |
| バージョン： | CSS3 |
| JavaScript 構文： | object.style.transitionDelay="2s" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
-webkit-、-moz-、-o- の後に続く数字は、接頭辞付きで動作した最初のバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| transition-delay | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
transition-delay: time|initial|inherit;
| 値 | 説明 |
|---|---|
| time | トランジション効果が始まるまでに待機する時間を、秒またはミリ秒数で指定します |
| initial | プロパティにデフォルト値を設定します。initial を参照 |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル： CSS3 Transitions
HTML DOM リファレンス：transitionDelay プロパティ