css3动画

@keyframes  自定义名称{
  0%{
      width:100px;
  }
  100%{
      width:200px
  }
}

需要调用 ： animation 自定义名称 动画时间；

• animation 动画属性
• animation-name 动画序列名称
• animation-duration 动画时长
• animation-timing-function 动画速度函数
• animation-delay 动画延时
• animation-iteration-count 动画执行次数 无数次 infinite
• animation-direction 动画播放方向 默认normal 逆播放 alternate
• animation-play-state 动画的播放状态 默认 running 暂停 paused
• animation-fill-mode 动画结束状态 默认 backwards 保持 forwards