Laggy（或Jerky）CSS3动画 - 如何平滑？

Question

我的网站上有CSS3动画作为介绍。在一台计算机上（快速拥有一个像样的GPU）是顺畅的，我正在寻找。在另一台计算机上（慢得多）它非常生涩，有时你完全错过动画。

我试图预加载整个页面，然后使用JS添加触发动画的类，以尝试改进动画。它似乎有所帮助，但没有解决问题。

有没有办法平滑CSS3动画，以便在所有类型的计算机之间保持一致？

代替在此发布所有代码我created a fiddle。

Answer 1

“平滑度”取决于浏览器的呈现功能，而浏览器的呈现功能又取决于客户端计算机的功能。您可以做的最好的事情是确保您的网页没有不合理的大图，或者难以渲染字体等，从浏览器的角度来看需要更多的计算。

你的小提琴对我来说非常好。