css - Laggy(或 Jerky)CSS3 动画 - 如何平滑？

Question

我的网站上有 CSS3 动画作为介绍。在一台计算机上(使用像样的 GPU 速度很快)很流畅，这正是我想要的。在另一台计算机上(慢得多)它非常不稳定，有时您会完全错过动画。

我试图预加载整个页面，然后添加使用 JS 触发动画的类以尝试改进动画。好像帮了一些忙，但并没有解决问题。

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

代替在此处发布所有代码，我 created a fiddle .

Answer 1

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

你的 fiddle 非常适合我。