css - 滞后（或生涩）的 CSS3 动画 - 如何平滑？

Question

我的网站上有 CSS3 动画作为介绍。在一台计算机上（使用不错的 GPU 速度很快）是流畅的，并且是我正在寻找的。在另一台计算机上（慢得多），它非常生涩，有时您会完全错过动画。

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

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

代替在这里发布所有代码，我创建了一个 fiddle。

Answer 1

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

你的小提琴对我来说很好用。