css3：animation

/**
* [animation description]
* name: keyframename | none; 需要绑定到选择器的 keyframe 名称|规定无动画效果（可用于覆盖来自级联的动画）
* duration: time; 完成动画所花费的时间：完成动画所花费的时间。默认值是 0，意味着没有动画效果。
* timing-function: linear | ease | ease-in | ease-out | ease-in-out; 动画的速度曲线:匀速|以低速开始，然后加快，在结束前变慢|以低速开始|以低速结束|以低速开始和结束;
* delay: time; 在动画开始之前的延迟:定义动画开始前等待的时间，以秒或毫秒计。默认值是 0。;
* iteration-count: n | infinite; 动画应该播放的次数:播放次数的数值|无限次播放;
* direction: normal | alternate; 是否应该轮流反向播放动画：默认值。动画应该正常播放|动画应该轮流反向播放。
* fill-mode: none | forwards | backwards | both;填充模式:默认值。不设置对象动画之外的状态|设置对象状态为动画结束时的状态|设置对象状态为动画开始时的状态|设置对象状态为动画结束或开始的状态
*/

 

-webkit-animation: name duration timing-function delay iteration-count direction fill-mode;
-o-animation: name duration timing-function delay iteration-count direction fill-mode;
animation: name duration timing-function delay iteration-count direction fill-mode;
@-webkit-keyframes name {
　　from { }
　　to { }
}
@-o-keyframes name {
　　from { }
　　to { }
}
@-moz-keyframes name {
　　from { }
　　to { }
}
@keyframes name {
　　from { }
　　to { }
}

 

转载于:https://www.cnblogs.com/zFelix/p/5672756.html