CSS3 transition(六)

transition 允许css的属性值在一定的时间区间内平滑的过度，这种效果可以在鼠标点击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。

 

 transition :<property><duration> <animation type> <delay>

 

transition: all 0.5s  ease-in-out 1s;

 

transition-timing-function 的五种取值：

1.ease 逐渐变慢
2.linear 匀速
3.ease-in 缓慢开始（加速）
4.ease-out 缓慢结束（减速）
5.ease-in-out 缓慢开始，缓慢结束（先加速后减速）
6.cubic-bezier 贝塞尔曲线（matthewlein.com/ceaser）
过渡模式比如宽过渡，高过渡和all过渡