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

Question

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

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

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

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

Answer 1

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

你的小提琴非常适合我。