實(shí)例
讓過(guò)渡效果持續(xù) 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 屬性規(guī)定完成過(guò)渡效果需要花費(fèi)的時(shí)間(以秒或毫秒計(jì))。
默認(rèn)值: | 0 |
---|---|
繼承性: | no |
版本: | CSS3 |
JavaScript 語(yǔ)法: | object.style.transitionDuration="5s" |
語(yǔ)法
transition-duration: time;
值 | 描述 |
---|---|
time |
規(guī)定完成過(guò)渡效果需要花費(fèi)的時(shí)間(以秒或毫秒計(jì))。 默認(rèn)值是 0,意味著不會(huì)有效果。 |
更多建議: