CSS3 transition-duration 屬性

本文參考CSS中文文檔css

CSS3 transition-duration 屬性

最後5秒出現切換效果:html

transition-duration: 5s;
-webkit-transition-duration: 5s; /* Safari */

瀏覽器支持

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

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

屬性 IE Chrome FF safari Open
transition-duration 26.0
4.0 -webkit-
10.0 16.0
4.0 -moz-
6.1
3.1 -webkit-
12.1
10.5 -o-

屬性定義及使用說明

transition-duration 屬性規定完成過渡效果須要花費的時間(以秒或毫秒計)。瀏覽器

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

語法

transition-duration: time;
描述
time 規定完成過渡效果須要花費的時間(以秒或毫秒計)。 默認值是 0,意味着不會有效果。

本文參考CSS中文文檔code

相關文章
相關標籤/搜索