CSS animation-duration 屬性

定義和用法

animation-duration 屬性定義動畫完成一個周期所需要的時間，以秒或毫秒計。

另請參閱：

CSS3 教程：CSS 動畫

HTML DOM 參考手冊：animationDuration 屬性

實例

為 @keyframes 動畫規定一個名稱：

div {
  animation-duration: 3s;
}

親自試一試

CSS 語法

animation-duration: time;
值 描述
time 規定完成動畫所花費的時間。默認值是 0，意味著沒有動畫效果。

技術細節

默認值： 0
繼承性： no
版本： CSS3
JavaScript 語法： object.style.animationDuration="3s"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

帶 -webkit-、-moz- 或 -o- 的數字表示使用前綴的首個版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
3.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-