《图解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)  // 书中解释:启用硬件加速

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。