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】之间