CSS动画

动画

静止的画面加上一定的速度连续播放，产生了活动的画面
要理解帧和播放速度。

实现手段

1.用transform

• 可参考文档transform css mdn
• 参考例子：用transform实现红心

2.用animation

• 可参考文档animation css mdn
• 参考例子：用animation实现红心

浏览器渲染过程

主要步骤

1. 构建html的dom树
2. 构建css的树
3. 将html树和css树合成为一棵渲染树
4. 进行layout布局
5. 进行绘制
6. 进行合成。

图形化展示

标签：动画,mdn,参考,transform,animation,CSS,html,css
来源： https://blog.csdn.net/xiaobangsky/article/details/109922831