Transitions

  transitions:property 用哪个属性进行设置

             :duration 执行时间

             :timing-function  执行什么类型的动画

             :transition-delay 延迟时间

Animations

  animations-:name 执行动画关键帧名称

             :duration 执行时间

             :timing-function 执行什么类型的动画

             :iteration-count 执行次数（itfinite表示循环执行）  

语法：@keyframes关键帧名称

     {

        0%{执行动画的属性和值}

        50%{执行动画的属性和值}

       100%{执行动画的属性和值}

      }

  timing-function 过度类型

  linear:线性过度

  ease:平滑过度

  ease-in:由慢到快

  ease-out:由快到慢

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

  cubic-bezier(n,n,n,n)自定义贝塞尔曲线，四个数值 在【0,1】之间