<table class="text">
<tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14 支持硬件加速,当它们检测到页面中某个DOM元素应用了某些CSS规则时就会开启,最显著的特征的元素的3D变换。 在大多数浏览器中,如果识别到页面里使用了z轴旋转(translateZ),即使旋转角度为0,也会开启GPU加速,所以我们可以利用这一点,来对页面元素进行0度Z轴旋转来”欺骗”浏览器开启GPU加速。 .cube { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); / Other transform properties here / } CSS中以下属性(transition、CSS3 3D transforms、Canvas、WebGL、Video)也能用来触发GPU渲染 原文链接:https://www.f2er.com/note/422696.html