人生必须的知识就是引人向光明方面的明灯。这篇文章主要讲述css gpu加速相关的知识,希望能为你提供帮助。
【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就可以查看页面的性能和重绘等状态
推荐阅读
- springMVC
- AOP
- dllplugin,dllreferenceplugin. commonchunkplugin splitchunkplugin
- 使用Powershell添加网络打印机(带GUI界面)
- vue2 - 解决treeselect树形组件获取焦点后无法关闭element的选择器和日期选择器的问题
- 全自动可视化开发,成为敏捷转型落地关键词
- 语义化版本 semantic version 版本的含义 semver
- vue项目打包后文本溢出显示省略号代码消失问题
- PHP使用SW-X框架的Redis-UML组件,对用户信息进行缓存读写