过渡2
transition-duration属性
01
定义和用法
问题:在使用transition-property 属性指定过渡后,但在实际观察时并没有体现过渡的存在。
解决方法:css3中的transition-duration属性,用于规定完成过渡效果需要花费的时间(以秒或毫秒计)。
语法格式:
transition-duration: time
定义和用法
兼容性:Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition-duration 属性。Safari 支持替代的 -webkit-transition-duration 属性。 Internet Explorer 9 以及更早版本的浏览器不支持 transition-duration 属性;
time:规定完成过渡效果需要花费的时间,单位为秒(s)和毫秒(ms),默认值是 0,意味着不会有效果。
定义和用法
例:使用transition-duration属性为元素背景色的改变设置过渡时间为2秒