物理变形
transform:
- translate(3d)
- rotate(3d)
- scale(3d)
- matrix(3d)
过渡:transition(设置某个属性、持续时间、变化函数、过渡延迟时间)属性值变化时候触发
一般数值类属性都可以被过渡,但是布局一般不能过渡
动画:animation(和过渡的变化相比不需要特定触发事件,可以创建复杂多步骤的变化效果)
定义动画:通过 @keyframes 设置关键帧从初始状态到结束状态
调用动画:动画名称、持续时间、变化函数、延迟时间
css
animation-name: xxx;
1