首页 > 试题广场 >

以下哪种CSS样式会尝试开启硬件加速?

[单选题]
以下哪种 CSS 样式会尝试开启硬件加速 ?
  • transform: translateY(0);
  • transform: translateZ(0);
  • transform: scale(1.1);
  • transform: translateX(0);

https://blog.csdn.net/apzlm9110/article/details/101811941

可是在一些情况下,我们并不需要对元素应用3D变换的效果,那怎么办呢?这时候我们可以使用个小技巧“欺骗”浏览器来开启硬件加速。

虽然我们可能不想对元素应用3D变换,可我们一样可以开启3D引擎。例如我们可以用transform: translateZ(0); 来开启硬件加速 。

.cube {

-webkit-transform: translateZ(0);

-moz-transform: translateZ(0);

-ms-transform: translateZ(0);

-o-transform: translateZ(0);

transform: translateZ(0);

/* Other transform properties here */

}

原生的移动端应用(Native mobile applications)总是可以很好的运用GPU,这是为什么它比网页应用(Web apps)表现更好的原因。硬件加速在移动端尤其有用,因为它可以有效的减少资源的利用(移动端本身资源有限)。

发表于 2021-06-25 10:16:04 回复(0)