animation动画属性

animation
-moz-animation	/* Firefox */
-webkit-animation	/* Safari 和 Chrome */
-o-animation	/* Opera */

1,animation-name:规定需要绑定到选择器的 keyfram 名称

2,animation-duration:规定完成动画所花费的时间,以秒或毫秒计,默认值0

3,animation-timing-funtion:速度变化曲线: 默认值ease

linear:匀速     ease-in:先慢变快    ease-out: 先快后慢   ease-in-out  : 慢-快-慢

4,animation-delay:规定动画开始的延迟,默认值是0

5,animation-iteration-count:动画重复次数    infinite是正无穷

6,animation-direction: 设置动画方向: 默认值是 nomal

reverse:反方向    alternate:奇数次-正方向;偶数次-反方向      alternate-reverse:奇数次-反方向,偶数次-正方向

7,animation-fill-mode:    backwards: 动画完成时,保持动画开始时的状态    forwards: 动画完成时,保持动画结束时的状态

8,animation-play-state:

running:默认值,执行动画

 paused暂停动画