CSS transition-delay 属性

定義と使用方法

transition-delay 属性は、过渡効果がいつ開始されるかを定義します。

transition-delay の値は秒またはミリ秒で指定します。

参照もしくは

CSS タイプ：CSS 过渡

HTML DOM リファレンスマニュアル：transitionDelay 属性

例

过渡効果が開始される前に 2 秒を待つ：

div {
  transition-delay: 2s;
}

実際に試してみてください

CSS 表記法

transition-delay: time;

属性値

値 説明
time 过渡効果が開始される前に必要な待ち時間を秒またはミリ秒で指定します。

技術的詳細

デフォルト値： 0
継承性： no
バージョン： CSS3
JavaScript 表記法： object.style.transitionDelay="2s"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

「-webkit-」または「-moz-」で始まる数字は、プレフィックスを使用する最初のバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-