-webkit-transition [CSS3]

-webkit-transition : property, duration, timing-function, delay;

1. Property : css属性 。

2. Duration : 过渡持续的时间，以秒为单位（如：0.75s）。

3. Timing function :  计时功能，控制duration如何计时，可快可慢。

4. Delay : 延迟，动作触发后多久开始产生过渡效果（如：0.75s）。

 

property：width | height | opacity ......( all 包括所有css属性)

duration | delay : 1s | 0.75s | 0s

timing function : cubic-bezier(x1, y1, x2, y2)[X和Y的值用于定义计时功能的贝塞尔曲线形状，位于0到1之间 ] | linear[匀速] | ease[渐慢] | ease-in[加速] | ease-out[变慢] | ease-in-out[加速然后变慢]

贝赛尔曲线如下：

P1(x1,y1)

P2(x2,y2)

转载于:https://www.cnblogs.com/mahatmasmile/archive/2012/12/27/2867150.html