原文
css动画渲染的过程中有以下三个步骤：
- 布局
- 绘制
- 合成
布局
浏览器会先计算每一个元素在屏幕上占有多少空间大小。所以在这个“布局”过程中，与元素的width和height、位置有着很大的联系。在任何时候，只有改变元素的宽高，或者元素属性【top/left】，浏览器对元素布局都会重新计算一次。
就算是使用JavaScript在DOM添加或者删除元素，都会导致浏览器重新计算元素的布局，浏览器必须重新渲染一次页面。
原文
css动画渲染的过程中有以下三个步骤：
浏览器会先计算每一个元素在屏幕上占有多少空间大小。所以在这个“布局”过程中，与元素的width和height、位置有着很大的联系。在任何时候，只有改变元素的宽高，或者元素属性【top/left】，浏览器对元素布局都会重新计算一次。
就算是使用JavaScript在DOM添加或者删除元素，都会导致浏览器重新计算元素的布局，浏览器必须重新渲染一次页面。
![CSS的伪元素和伪类的区别[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)