过渡动画

        1. 什么是过渡动画？

        不使用flash和javascript（JQuery）,通过样式的变化，从一种样式渐变到另一种样式的过程就是过渡动画。

        2. 如何使用过渡动画？

        transition：样式属性  持续的时间（单位秒s） 缓动函数  延时的时间

        2-1. 样式属性 transition-property

        支持常见的样式属性，比如：width、height，可以使用all表示所有样式

        2-2. 持续的时间transition-duration

        动画从一种状态到另一种状态需要的时间，单位秒，比如：5s

        2-3. 缓动函数transition-timing-function

        linear： 线性过渡

        ease： 平滑过渡

        ease-in： 由慢到快

        ease-out： 由快到慢

        ease-in-out： 由慢到快再到慢

        自定义就要使用贝塞尔曲线，http://cubic-bezier.com

        生成 cubic-bezier(num1,num2,num3,num4)

        比如：cubic-bezier(0,1.16,1,-0.41)

        2-4. 延时的时间transition-delay

        推迟多少秒再执行