css3动画属性

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

原文地址:https://www.cnblogs.com/zhuzhuer/p/6001573.html