animation-duration

實(shí)例

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

animation-duration:2s; -webkit-animation-duration:2s; /* Safari 和 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-

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

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

animation-duration: time;

值	說明
time	指定動(dòng)畫播放完成花費(fèi)的時(shí)間。默認(rèn)值為 0，意味著沒有動(dòng)畫效果。