《图解CSS3》笔记3 transition过渡

标签：style   http   io   ar   使用   sp   for   on   art   

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

《图解CSS3》笔记3 transition过渡

标签：style   http   io   ar   使用   sp   for   on   art   

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