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

原文地址:https://www.cnblogs.com/diydyq/p/4141600.html