CSS3 animation-duration 屬性

定義和用法

animation-duration：定義動畫完成一個周期需要多少秒或毫秒。

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

語法

animation-duration: time;
值
 		說明
time 設置一個動畫周期的時間間隔（以秒或毫秒為單位）。 默認值為0，表示不會有動畫

實例

實例

設置動畫在兩秒內(nèi)完成:

animation-duration:2s;
-webkit-animation-duration:2s; /* Safari and Chrome */

嘗試一下 ?

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個瀏覽器版本號。

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


相關(guān)文章

CSS3 tutorial: CSS3 動畫