css3中transition-duration属性的使用方法

这篇文章给大家分享的是有关css3中transition-duration属性的使用方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联建站是一家集网站建设,武邑企业网站建设,武邑品牌网站建设,网站定制,武邑网站建设报价,网络营销,网络优化,武邑网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

css3 transition-duration属性用于规定完成过渡效果需要花费的时间（以秒或毫秒计），语法为transition-duration: time。当time值为0是，意味着不会发生过渡效果。

CSS3  transition-duration属性

作用：transition-duration 属性规定完成过渡效果需要花费的时间（以秒或毫秒计）。

语法：

transition-duration: time;

参数：

time：规定完成过渡效果需要花费的时间（以秒或毫秒计）。默认值是 0，意味着不会有效果。

注：Internet Explorer 9 以及更早版本的浏览器不支持 transition-duration 属性；Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition-duration 属性。Safari 支持替代的 -webkit-transition-duration 属性。

CSS3  transition-duration属性的使用示例

请把鼠标指针移动到红色的 div 元素上，查看过渡效果。
2秒过渡：

5秒过渡：

注释：本例在 Internet Explorer 中无效。

效果图：

感谢各位的阅读！关于css3中transition-duration属性的使用方法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！