translation和animation

translation属性是指css在发生变化是，所进行的时长，速率，延迟等

例子 translation:属性名 1s（动画时长）2s（动画延迟）ease（动画速率）

多个属性动画相同可以all  2s  2s  ease；

如果动画的属性不同可以用逗号 width 1s 2s ease，height 4s 2s ease；

 

animation 属性一般包含动画名称（需要配合@keyframes aaa{}；）动画时长

动画次数（infinite表示无限循环）

动画顺序（normal默认，alternate一次结束会反向折回  1-2-3-2-1 reverse反向动画 alternate-reverse 反向折回）

动画最终状态（forwards结束状态 none默认，没有动画的状态 backwards动画第一帧 both根据动画方向决定停止状态）

step(n)表示把动画一帧一帧的展示，分布进行，动画是中断的

转载于:https://www.cnblogs.com/kimilong/p/7886366.html