css3中transition-duration属性有什么用

这篇文章给大家分享的是有关css3中transition-duration属性有什么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
　　CSS3transition-duration属性
　　作用：transition-duration属性规定完成过渡效果需要花费的时间（以秒或毫秒计）。
　　语法：
　　transition-duration:time;
　　参数：
　　time：规定完成过渡效果需要花费的时间（以秒或毫秒计）。默认值是0，意味着不会有效果。
　　注：InternetExplorer9以及更早版本的浏览器不支持transition-duration属性；InternetExplorer10、Firefox、Opera和Chrome支持transition-duration属性。Safari支持替代的-webkit-transition-duration属性。
　　CSS3transition-duration属性的使用示例
　　

　　div
　　{
　　width:100px;
　　height:100px;
　　background:red;
　　margin:10px0px;
　　}
　　.demo1{
　　transition-duration:2s;
　　/*Firefox4*/
　　-moz-transition-property:width;
　　-moz-transition-duration:2s;
　　/*SafariandChrome*/
　　-webkit-transition-property:width;
　　-webkit-transition-duration:2s;
　　/*Opera*/
　　-o-transition-property:width;
　　-o-transition-duration:2s;
　　}
　　.demo2{
　　transition-duration:5s;
　　/*Firefox4*/
　　-moz-transition-property:width;
　　-moz-transition-durat免费云主机、域名ion:5s;
　　/*SafariandChrome*/
　　-webkit-transition-property:width;
　　-webkit-transition-duration:5s;
　　/*Opera*/
　　-o-transition-property:width;
　　-o-transition-duration:5s;
　　}
　　.demo1:hover,.demo2:hover
　　{
　　width:300px;
　　}
　　
　　
　　
　　请把鼠标指针移动到红色的div元素上，查看过渡效果。
　　2秒过渡：
　　

相关推荐: ES6如何实现隐式返回值

这篇文章主要介绍ES6如何实现隐式返回值，文中介绍的非常详细，具有一定的参免费云主机、域名考价值，感兴趣的小伙伴们一定要看完！ES6常见小优化-隐式返回值返回值是我们通常用来返回函数最终结果的关键字。只有一个语句的箭头函数，可以隐式返回结果（函数必须省略括号（…