《图解CSS3》笔记3 transition过渡
W3C公布了当前CSS各模块的进展:http://www.w3.org/Style/CSS/current-work
过渡:提供了两种状态之间的一种渐变方式,依赖于4个属性,多个过渡使用","逗号隔开:
1. transition-property none | all(默认) | 属性名
2. transition-duration XXX s(秒)|(毫秒)
3. transition-timing-function
1. 预定义函数:ease | linear | ease-in | ease-out | ease-in-out
2. 贝塞尔函数:cubic-bezier(p1, p2, p3, p4)
3. 阶梯函数:step(count, "start | end")
4. transition-delay XXX s(秒)|(毫秒)
注意:webkit引擎的浏览器有时过渡会留下残留痕迹,可以添加以下代码修复:
-webkit-transform: translate(0) // 书中解释:启用硬件加速
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。