css gpu加速
Posted wx612ef79151558
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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就可以查看页面的性能和重绘等状态
以上是关于css gpu加速的主要内容，如果未能解决你的问题，请参考以下文章
是否有 Firefox 相当于 Chrome 的“translateZ(0);”强制 GPU 加速 CSS 动画？