css Triggers提供在线的页面解析参考，程序员可通过此参考了解哪些CSS属性触发了重绘和合成，但不引发布局，这些是浏览器在渲染网页时的执行过程。

Layout：浏览器生成每个元素的几何形状和位置

Paint：浏览器将每个元素的像素解析为图层

Composite：浏览器在屏幕上绘制图层。

合成操作是浏览器执行的最廉价操作，如果你的CSS动画的代码反复触发合成和重绘操作的属性，则很难将60fps(每秒帧数)作为平滑网页动画的关键数字。

链接: https://fly63.com/nav/1373