关键帧 Keyframes
以@keyframes 开头后面紧跟动画名称，中间可以有多个百分比
当在@keyframe创建动画，把它绑定到一个选择器，否则动画不会有任何效果。
指定至少这两个CSS3的动画属性绑定向一个选择器：
语法：
@keyframes animationname {keyframes-selector {css-styles;}}
animation-iteration-count 如果取值为infinite则无线播放
animation-direction 设置动画播放方向 主要有两个值：normal、alternate
normal默认值 向前播放 alternate 动画播放在第偶数次向前播放，第奇数次反向播放
animation-fill-mode 定义动画开始之前和结束之后发生的操作，主要由四个属性值
none forwards backwords both