是否有 Firefox 相当于 Chrome 的“translateZ(0);”强制 GPU 加速 CSS 动画？

Posted 2023-03-06

【中文标题】是否有 Firefox 相当于 Chrome 的“translateZ(0);”强制 GPU 加速 CSS 动画？

【英文标题】：Is there a Firefox equivalent to Chrome's "translateZ(0);" to force GPU accelerated CSS animation?

【发布时间】：2012-02-19 05:30:48

【问题描述】：

我有一个 CSS3 过渡，在 Chrome 中像丝绸一样平滑，但在（最新版本的）Firefox 中不稳定

我知道我可以通过设置 -webkit-transform: translateZ(0); 在 Chrome 中的 DOM 对象上强制 GPU 加速

我可以添加一个等效的样式来强制 Firefox 中的 GPU 加速吗？

【参考方案1】：

Firefox GPU 会在可能的情况下默认加速。所以没有什么可以“强制”GPU加速：如果可能的话，它已经完成了。

【讨论】：

当我在 Firefox 中使用动画时，它可以达到 100% CPU。我认为整个硬件加速在 Gecko 中运行不佳

这真的取决于你的硬件。操作系统、驱动程序等......但是，有些情况下 Gecko 不能像 WebKit 那样加速，反之亦然。

我有一台 16GB 内存、SSD 和 4 CORE CPU 的机器，有一个很好的显卡，还有一堆简单的动画。

哪个操作系统？ about:support 在图形部分有什么有用的说明吗？

windows7.有什么有用的吗？我的显卡是 ATI Radeon HD 4300，但即便如此，一个强大的 GPU 应该可以处理 15 年前在电脑游戏中完成的简单动画任务..