對於快速Web動畫，Javascript / jQuery還是CSS3？

Question

jQuery動畫似乎有更好的瀏覽器支持，但CSS3關鍵幀似乎非常快速和流暢，但不是很好的瀏覽器支持。

我想在這里人們對jQuery或CSS3的看法：

Canvas Gaming：我看過一些非常好的CSS3游戲。 然后，當我們使用Canvas游戲時，我們已經在使用Javascript並做一些快速和臟的東西，我們可能還包括jQuery Javacsript庫。

或者我們會同時使用Canvas Gaming嗎？ 不確定。

網站：對於提供內容而非游戲的普通網站：在常規網頁上制作動畫的體面方法是什么？

---

我還聽到了諸如以下內容：CSS3動畫減慢了頁面上的一些jQuery動畫和其他腳本......嗯。

為了清楚起見，我只想解釋一下使用CSS3動畫或jQuery動畫的一些優點。 任何意見都會很好，謝謝！

Answer 1

Mozilla開發人員文檔提出了一些關於CSS3動畫的有趣觀點 ：

讓瀏覽器控制動畫序列可以讓瀏覽器優化性能和效率，例如，降低在當前不可見的選項卡中運行的動畫的更新頻率。

WebKit還使用硬件加速合成 ，這可能比Javascript目前可以做的任何事情對性能產生更大的影響。 （我認為隨着更多功能被添加到管理計算中，這將很快改變）這是因為如果可用於執行計算，它將利用專用硬件，而不是通過像Javascript這樣的翻譯語言來實現。

按理說，瀏覽器廠商只會以競爭的名義增加對此的支持，並且因為CSS3標准正在接近完成。

我唯一關心的是代碼的可管理性，盡管這可以通過一個不錯的翻譯層輕松管理。 Javascript中有一些出色的動畫引擎 ，雖然我最近沒有使用或研究過一個能夠准確估計性能的動畫引擎 。

Answer 2

對於您的問題部分Re：“網站：對於提供內容的普通網站”，您將希望與某個內容的服務器進行交互。 這種交互將通過ajax，並根據您的問題，基於jquery。 然后考慮一些動畫將基於返回的確切數據。

jQuery使這種依賴於內容的動畫變得如此簡單。 在一個“提供內容的普通網站”中，從邏輯上講，你會比在游戲中擁有更少的動畫 - 因此性能/資源占用不是一個問題。