閱讀(37.2k) 書(shū)簽贊(1) 我要糾錯(cuò)

CSS3 animation-delay 屬性

2022-06-02 14:22 更新

定義和用法

animation-delay 屬性定義動(dòng)畫(huà)什么時(shí)候開(kāi)始。

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

提示: 允許負(fù)值，-2s 使動(dòng)畫(huà)馬上開(kāi)始，但跳過(guò) 2 秒進(jìn)入動(dòng)畫(huà)。

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

animation-delay: time;

值	描述	測(cè)試
time	可選。定義動(dòng)畫(huà)開(kāi)始前等待的時(shí)間，以秒或毫秒計(jì)。默認(rèn)值為0	測(cè)試 ?

等待兩秒，然后開(kāi)始動(dòng)畫(huà)：

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

嘗試一下 ?

負(fù)值，請(qǐng)注意動(dòng)畫(huà)跳過(guò) 2 秒進(jìn)入動(dòng)畫(huà)周期：

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

嘗試一下 ?


`animation-delay`	4.0 -webkit-	10.0	16.0 (5.0 -moz-)	4.0 -webkit-	15.0 -webkit- (12.0 -o-)