CSS3 transition-duration 属性
实例
让过渡效果持续 5 秒:
div
{
transition-duration: 5s;
-moz-transition-duration: 5s; /* Firefox 4 */
-webkit-transition-duration: 5s; /* Safari 和 Chrome */
-o-transition-duration: 5s; /* Opera */
}
浏览器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition-duration 属性。
Safari 支持替代的 -webkit-transition-duration 属性。
注释:Internet Explorer 9 以及更早版本的浏览器不支持 transition-duration 属性。
定义和用法
transition-duration 属性规定完成过渡效果需要花费的时间(以秒或毫秒计)。
默认值: | 0 |
---|---|
继承性: | no |
--- | --- |
版本: | CSS3 |
--- | --- |
JavaScript 语法: | object.style.transitionDuration="5s" |
--- | --- |
语法
transition-duration: _time_;
值 | 描述 |
---|---|
time |
规定完成过渡效果需要花费的时间(以秒或毫秒计)。
默认值是 0,意味着不会有效果。
|