CSS3--变形与动画

关键帧 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