Style animationDelay 屬性
- 上一頁 animation
- 下一頁 animationDirection
- 返回上一層 HTML DOM Style 對象
定義和用法
animationDelay 屬性定義動畫何時開始。
animationDelay 值以秒 (s) 或毫秒 (ms) 為單位定義。
提示：允許使用負值，-2s 使動畫立即開始，但在 2 秒位置開始播放。
實例
更改 <div> 元素的 animationDelay 屬性：
document.getElementById("myDIV").style.animationDelay = "1s";
語法
返回 animationDelay 屬性：
object.style.animationDelay
設置 animationDelay 屬性：
object.style.animationDelay = "time|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| time | 可選。定義動畫開始前要等待的秒數或毫秒數。默認值為 0。 |
| initial | 將此屬性設置為其默認值。請參閱 initial。 |
| inherit | 從其父元素繼承此屬性。請參閱 inherit。 |
技術細節
| 默認值： | 0 |
|---|---|
| 返回值： | 字符串，表示元素的 animation-delay 屬性。 |
| CSS 版本： | CSS3 |
瀏覽器支持
animationDelay 是 CSS3 (1999) 特性。
所有瀏覽器都完全支持它：
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 支持 | 支持 | 支持 | 支持 | 支持 | 11 |
相關頁面
CSS 參考手冊：animation-delay 屬性
- 上一頁 animation
- 下一頁 animationDirection
- 返回上一層 HTML DOM Style 對象
