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