CSS3 animation-duration 屬性

定義和用法

animation-duration：定義動(dòng)畫(huà)完成一個(gè)周期需要多少秒或毫秒。

默認(rèn)值: 0
繼承: no
版本: CSS3
JavaScript 語(yǔ)法: object object.style.animationDuration="3s"

語(yǔ)法

animation-duration: time;
值
 		說(shuō)明
time 設(shè)置一個(gè)動(dòng)畫(huà)周期的時(shí)間間隔（以秒或毫秒為單位）。 默認(rèn)值為0，表示不會(huì)有動(dòng)畫(huà)

實(shí)例

實(shí)例

設(shè)置動(dòng)畫(huà)在兩秒內(nèi)完成:

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

嘗試一下 ?

瀏覽器支持

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

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

屬性          
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 動(dòng)畫(huà)