CSS3写过渡动画

过渡动画定义：通过CSS3，是一个元素的样式转为另一个样式时为该元素添加效果
语法：
transition:[transition-property] || [transition-duration] || [transition-timing-function] || [transition-delay];
属性值：
[transition-property]：设置对象中的参与过渡的属性
[transition-duration]：设置对象过渡时间
[transition-timing-function]：设置对象过渡动画的类型
linear： 线性过渡
ease： 平滑过渡
ease-in： 由慢到快
ease-out： 由快到慢
ease-in-out： 由慢到快再到慢
cubic-bezier(, , , )： 特定的贝塞尔曲线,类型，4个数值需在[0, 1]区间内。
[transition-delay]：设置对象延迟时间

贝塞尔曲线：http://cubic-bezier.com