更新后的 webkit 动画非常慢答案

【问题标题】：Extremely slow webkit animation since update更新后的 webkit 动画非常慢
【发布时间】：2012-12-25 04:50:07
【问题描述】：

我有一个滑块，现在在最新版本的 chrome 和 safari 中完全无法使用，旧版本显示它很好。在开发它时，我测试了 chrome、firefox 和 IE，它们都运行良好（除了旧 ie 中的一些样式问题，但动画很好）。

我根本想不通，没有 js 错误，我对其进行了分析，看起来还可以。我尝试制作一个简单的测试用例来分析它，但得到了完全相同的行为。

我真的希望有人知道这里出了什么问题。

编辑：我还要注意，我已经搜索了高低，阅读了许多“chrome 中的慢速动画”问题，但都没有任何帮助.请记住，在最近影响 chrome 和 safari 的更新之前，这工作得非常好。我使用的 chrome 版本是 23.0.1271.97 m，如果你有旧版本，它可能会正确显示。

【问题讨论】：

我使用的是 windows8 chrome 版本 23.0.1271.97 m。一切正常，动画没有问题。
你说的是顶级动画“发展自己”吗？因为这里在 windows7 上的工作原理与 chrome 和 firefox 相同。也许重置你的 chrome 的缓存。
你不能做一个最小的例子来说明这个问题吗？
这里是去掉了其他所有内容的滑块，你可以点击左右位。 thetrainingconcept.co.uk/error.htm
此外，这已在运行 windows 和 os x 的多台机器上被验证为损坏，因此清除我的缓存不会对其进行排序:(删除页面上的所有其他内容似乎有助于解决问题，但是动画的帧率仍然很糟糕。

【解决方案1】：

我想通了。在我看来，答案并不明显，如果是给别人，请他们给我解释一下吗？

因此，animate.css 将 -webkit-backface-visibility:hidden; 应用于 body 标签。出于某种原因，这导致了我在 javascript 动画中遇到的所有问题都很糟糕。幸运的是，我没有使用该库中的 3D 动画，因此我可以将其删除并解决我的问题。

现在，我不确定这是 webkit 中的错误还是 animate.css 中的错误，我倾向于认为它是 webkit 的问题，因为我不明白为什么该属性会导致速度变慢没有 CSS 动画。

【讨论】：