Firefox 中缓慢的 CSS3 动画闪烁

Posted 2023-03-06

【中文标题】Firefox 中缓慢的 CSS3 动画闪烁

【英文标题】：Slow CSS3 animation flickers in Firefox

【发布时间】：2011-09-13 18:39:06

【问题描述】：

我想慢慢放大图像。我的idea 在 webkit 中非常好用，但在 Firefox 中却不行。 有人知道为什么或如何使它变得更好吗？

【问题讨论】：

效果依赖于 javascript，所以没有理由使用我可以看到的 CSS3 转换，除了性能提升。但是，因为效果需要 20 秒，您可以在没有 transform 的情况下使用 JavaScript 执行完全相同的操作，并且速度几乎一样快，但可以在所有浏览器中工作。如果无法在 Firefox 中改进这一点，请记住一些事情。

标题误导：这不是关于CSS3 animations。

【参考方案1】：

Paul Rouget (Mozilla) 说这是一个错误：http://twitter.com/#!/paulrouget/status/80204726054043648

错误报告： https://bugzilla.mozilla.org/show_bug.cgi?id=663776

更新：保持最新状态。错误报告现已修复：

在 Windows 7 和 Mac OS 10.8 上的 FF 20b5 上已验证修复

【参考方案2】：

Firefox Opera 不支持 css3 动画

测试：http://modernizr.github.com/Modernizr/test/index.html

【讨论】：

Firefox 5（目前是测试版）可以 - css3.info/css3-animations-support-in-firefox-5-beta 和 Opera 10.5 也可以 - opera.com/docs/specs/presto23/css/transitions

Mozilla 将此视为一个错误：twitter.com/#!/paulrouget/status/80204726054043648

你在开玩笑吗？这个不使用动画，它使用transformhttp://caniuse.com/transforms2d和transitionhttp://caniuse.com/#search=transition，这两个都在Firefox 4中工作。