Style animationDuration 屬性
- 上一頁 animationDirection
- 下一頁 animationFillMode
- 返回上一層 HTML DOM Style 對象
定義和用法
animationDuration
屬性定義動畫完成一個周期所需的秒數或毫秒數。
實例
更改 <div> 元素的 animationDuration 屬性:
document.getElementById("myDIV").style.animationDuration = "3s";
語法
返回 animationDuration 屬性:
object.style.animationDuration
設置 animationDuration 屬性:
object.style.animationDuration = "time|initial|inherit"
屬性值
值 | 描述 |
---|---|
time | 規定動畫完成所需的長度。默認值為 0,表示不會有動畫。 |
initial | 將此屬性設置為其默認值。請參閱 initial。 |
inherit | 從其父元素繼承此屬性。請參閱 inherit。 |
技術細節
默認值: | 0 |
---|---|
返回值: | 字符串,表示元素的 animation-duration 屬性。 |
CSS 版本: | CSS3 |
瀏覽器支持
animationDuration
是 CSS3 (1999) 特性。
所有瀏覽器都完全支持它:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
支持 | 支持 | 支持 | 支持 | 支持 | 11 |
相關頁面
CSS 參考手冊:animation-duration 屬性
- 上一頁 animationDirection
- 下一頁 animationFillMode
- 返回上一層 HTML DOM Style 對象