CSS动画
动画
静止的画面加上一定的速度连续播放，产生了活动的画面
要理解帧和播放速度。
实现手段
1.用transform
- 可参考文档transform css mdn
- 参考例子：用transform实现红心
2.用animation
- 可参考文档animation css mdn
- 参考例子：用animation实现红心
浏览器渲染过程
主要步骤
- 构建html的dom树
- 构建css的树
- 将html树和css树合成为一棵渲染树
- 进行layout布局
- 进行绘制
- 进行合成。
静止的画面加上一定的速度连续播放，产生了活动的画面
要理解帧和播放速度。
1.用transform
2.用animation