Style animationDuration 屬性

定義和用法

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 屬性