閱讀(37.3k) 書簽贊(1) 我要糾錯

CSS3 animation-delay 屬性

2022-06-02 14:22 更新

定義和用法

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

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

提示: 允許負值，-2s 使動畫馬上開始，但跳過 2 秒進入動畫。

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

animation-delay: time;

值	描述	測試
time	可選。定義動畫開始前等待的時間，以秒或毫秒計。默認值為0	測試 ?

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

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

嘗試一下 ?

負值，請注意動畫跳過 2 秒進入動畫周期：

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-)

CSS3 教程: CSS3 動畫

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充