Laggy（或生澀）CSS3動畫 - 如何平滑？

Question

我的網站上有CSS3動畫作爲介紹。在一臺電腦上（快速使用體面的GPU）非常流暢，我正在尋找。在另一臺電腦上（慢得多），它非常生澀，有時你完全錯過了動畫。

我試圖預加載整個頁面，然後添加觸發使用JS的動畫嘗試改進動畫的類。它似乎幫助了一些人，但沒有解決問題。

有沒有一種方法可以平滑CSS3動畫以在所有類型的計算機之間保持一致？

代替此處發佈所有代碼I created a fiddle。

Answer 1

「平滑度」取決於瀏覽器的呈現能力，而瀏覽器的呈現能力又取決於客戶端機器的能力。你可以做的最好的事情是確保你的網頁沒有不合理的沉重圖像，或者難以呈現字體等，從瀏覽器的角度來看需要更多的計算。

你的小提琴對我來說工作得很好。