CSS3：动画：animation

CSS3动画：animation

animation：动画名字 所需时间 运动曲线 延迟时间 循环次数(n>0 整数/无限次infinite) 反省运动；

animation:mymove(name) 3s ease-in-out 1s reverse（反向） alternate（交替效果） alternate-reverse（）;

from to

@keyframes name {

from{}

to{}

}

除了from to；

还有百分比：

0%{}

50%{}

...

100%{}

animation-timing-function 动画运动:

• linear：线性过渡

• ease：平滑过渡

• ease-in：由慢到快

• ease-out：由快到慢

• ease-in-out：由慢到快再到慢

   

animation-delay：动画延时

animation-iteration-count：循环次数

animation-direction：反向运动

normal；每个循环内动画向前循环

reverse；反向运行动画

alternate；动画交替反向运行

alternate-reverse；反向交替， 反向开始交替

animation-play-state 暂停或停止；