css gpu加速

 

 filter属性，

 transform属性，

(尽量使用带Z的3D属性，        浏览器会在页面渲染前为3D属性创建独立复合图层，在运行时为2D属性创建，所以如果是2D会在动画开始和技术依然检测到重绘)

 opacity属性会使用gpu加速，

  好处是不会引起repait（重绘），完全由GPU处理，传统的动画中，比如用left 然后relative来处理，会引起重绘。

 

https://www.w3cplus.com/css3/introduction-to-hardware-acceleration-css-animations.html

打开Chrome调试工具，performance就可以查看页面的性能和重绘等状态