CSS3 animation-duration 屬性
實例
為 @keyframes 動畫規(guī)定一個名稱:
div
{
animation-duration:2s;
-webkit-animation-duration:2s; /* Safari 和 Chrome */
}
瀏覽器支持
Internet Explorer 10、Firefox 以及 Opera 支持 animation-duration 屬性。
Safari 和 Chrome 支持替代的 -webkit-animation-duration 屬性。
注釋:Internet Explorer 9 以及更早的版本不支持 animation-duration 屬性。
定義和用法
animation-duration 屬性定義動畫完成一個周期所需要的時間,以秒或毫秒計。
默認(rèn)值: | 0 |
---|---|
繼承性: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.animationDuration="3s" |
語法
animation-duration: time;
值 | 描述 |
---|---|
time | 規(guī)定完成動畫所花費的時間。默認(rèn)值是 0,意味著沒有動畫效果。 |
相關(guān)頁面
CSS3 教程:CSS3 動畫