css动画

动画类型

1transition补间动画

位置-平移（left/right/margin/transform）

方位-旋转（transform)

大小-缩放（transform)

透明度（opacity)

其他-线性变化（transform)

2keyframe关键帧动画

相当于多个补间动画

与元素状态的变化无关，不需要元素本生发生变化

定义更加灵活

3逐帧动画

适用于无法补间计算的动画

资源较大

使用steps（）