animation-delay

實例

等待兩秒，然后開始動畫：

animation-delay:2s; -webkit-animation-delay:2s; /* Safari 和 Chrome */

運行代碼 ?
在此頁底部有更多的例子。

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個瀏覽器版本號。

屬性
animation-delay	43.0 4.0?-webkit-	10.0	16.0 5.0?-moz-	9.0 4.0?-webkit-	30.0 15.0?-webkit- 12.0?-o-

animation-delay 屬性定義動畫什么時候開始。

animation-delay 值單位可以是秒（s）或毫秒（ms）。

提示: 允許負(fù)值，-2s 使動畫馬上開始，但跳過 2 秒進(jìn)入動畫。

默認(rèn)值:	0
繼承:	no
版本:	CSS3
JavaScript 語法:	object object.style.animationDelay="2s"

animation-delay: time;

值	描述
time	可選。定義動畫開始前等待的時間，以秒或毫秒計。默認(rèn)值為0

負(fù)值，請注意動畫跳過 2 秒進(jìn)入動畫周期：

animation-delay: -2s /* Opera */ -moz-animation-delay: -2s /* Firefox */ -webkit-animation-delay: -2s /* Safari 和 Chrome */