css - 硬件加速一切的任何回退？

Question

是否有任何理由不使用

对所有内容进行硬件加速

transform: translate3d(0,0,0);

使用 * 作为选择器？

什么应该硬件加速，什么不应该？

Answer 1

@IMUXIxD 你问了一个非常好的问题，答案是不，你不应该硬件加速它似乎可以解决问题但实际上可能导致其他几个问题的一切。当您尝试对元素进行 z-index 时，它也可能导致奇怪的显示问题，因为硬件加速对象往往会在动画时将它们从 DOM 中移除。

我在这里写了一篇关于我对硬件加速的理解和测试的广泛文章 http://blog.zindustriesonline.com/gpu-accelerated-animations-and-composite-layering/Netflix 的工程师马特·西利 (Matt Seeley) 也有一段关于该主题的非常好的视频。

我希望这可以帮助您更好地了解使用硬件加速的好处和缺点，以及用例的最佳场景。