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

Question

我的网站上有CSS3动画作为介绍。在一台电脑上（快速使用体面的GPU）非常流畅，我正在寻找。在另一台电脑上（慢得多），它非常生涩，有时你完全错过了动画。

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

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

代替此处发布所有代码I created a fiddle。

Answer 1

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

你的小提琴对我来说工作得很好。