课程介绍：实现动画效果一个主要特性就是过渡，属性值得变化实现过渡，触发动画产生交互；

    过渡：
    1、允许css属性值在一定得时间区间内平滑得过渡
    2、在鼠标点击，获得焦点，被点击或对元素人格改变中触发，并圆滑得以动画效果改变css得属性值
    3、兼容性:ie10+ firefox16+ chrome26+ safari6.1+ opera12.1+


    过渡：俗话说：一个元素它的属性从一个值变化到另一个值得过程！


    Transition属性：
    1、transition-property属性：
    2、概念：检索或设置对象中得参与过渡得属性
    3、语法：none | all | property
    4、参数说明：
    (1) None(没有属性改变)
    (2) All(所有属性改变) — 默认值
    (3) Property(元素属性名)


    Transiton-duration属性：
    1、检索或者设置过渡得持续时间
    2、语法：time
    3、参数说明：
    (1) 规定完成过渡效果所需要花费得时间（s ms）
    (2) 默认值0


    Transition-timing-function属性：
    1、检索或设置过渡中得动画类型
    2、语法：Transition-timing-function：
    (1) Ease 平滑过渡 等同于贝塞尔曲线（0.25，0.1，0.25，1.0） — 开头和结尾比较平滑，但是最后相对较快！
    (2) Linear 线性过渡 — 等同于贝塞尔曲线（0.0，0.0，1.0，1.0） — 突然开始，中间匀速得，再次突然停止
    (3) Ease-in 由慢到快
    (4) Ease-out 由快到慢
    (5) Ease-in-out 慢-快-慢 — 建议
    (6) Step-start 一帧一帧设置
    (7) Step-end
    (8) Step[start | end?]

    Transition-delay属性
    1、对象延迟过渡的时间 — 告诉动画是立刻执行还是延迟执行
    2、语法：time — s ms
    3、参数说明：指定秒和毫秒之前要等待切换效果得开始 默认值0


    Transition综合：
    1、复合属性 检索或者设置对象变换时得过渡
    2、语法：transition:property(指定属性名) duration(过渡时间) timing-function(过度方法) delay(延迟时间)