CSS 动画类型
- transition (过渡动画)
- keyframe (关键帧动画)
- steps() (逐帧动画)
过渡动画和关键帧动画的区别:过渡动画需要有状态变化,关键帧动画不需要状态变化,关键帧动画能控制更精细。
transform 变换
transform 属性允许你旋转、缩放、倾斜或平移给定元素。
transform-origin
transform-origin(x, y, z)
设置对象变换的原点,通常和 rotate
旋转、 scale
缩放、 skew
斜切等一起使用。