translateZ(0) 可以在 Chrome 中启用 GPU 的加速,但它可以在其他浏览器中工作



最近我读到一个关于translateZ(0)的黑客,据说通过使用这个属性,它可以实现GPU的加速

但它只能在Chrome或webkit浏览器中工作,或者也可以在IE和Firefox中工作?

好吧,

它实际上是一个webkit黑客(基本上滥用webkit对待translateZ的方式)

Webkit 仅使用 -webkit-transform:translateZ(0);-webkit-transform: translate3d(0,0,0);

will-change允许作者提前通知UA他们可能对元素进行什么样的更改。这允许 UA 提前优化他们处理元素的方式,在动画实际开始之前执行准备动画的潜在昂贵工作。

W3C:CSS将改变

浏览器对 will-change 属性的支持

最新更新