我應該依靠CSS3進行動畫還是使用JavaScript來獲得非WebKit瀏覽器的好處？

我正在一個網站上工作，我仍然處於概念階段。這將是一個很好的簡單的變換動畫。我應該依靠CSS3進行動畫還是使用JavaScript來獲得非WebKit瀏覽器的好處？

但是現在我不確定我是否應該使用最新技術（CSS3/HTML5）來執行我的動畫，以在webkit瀏覽器上播放更好的效果，併爲非webkit創建備用網站。這可能不會佔用我很多時間，並且非常順利。

或者我可以嘗試用JS來僞造動畫，這會花費我更多時間來計算東西，並且看起來不那麼漂亮和流暢。此外，目前還沒有真正的簡單/可用的解決方案。由Heygrady提供的Transform3d變得非常接近，但缺乏我需要的一些功能，而且憑藉我有限的JS技能，我無法潛入並自行構建它。

來源

2011-06-13 dandoen

關於SO的話題。嘗試在程序員.stackexchange.com – Predator 2011-06-13 13:28:49

在我看來，使用動畫HTML5/CSS3。只要它不影響核心功能（例如，沒有支持的訪問者仍然可以導航/閱讀/提交表單/等），那麼爲那些支持它的瀏覽器留下漂亮的東西。

Javascript動畫可以很流暢，看起來非常好，但正如您所說，寫入需要更長的時間，而且難以維護。

如果我正在重新設計一個現有的網站，那麼我會檢查分析/服務器日誌以查看目標受衆最流行的瀏覽器。如果其中90％是在IE7上，那麼我會相應地編碼該網站！

希望幫助

來源

2011-06-13 13:30:49 Tak

感謝您的服務器日誌提示，我正在工作的網站沒有設置分析。但當然，服務器日誌可以救我！ – dandoen 2011-06-13 13:41:36

如果它是Linux上的Apache，那麼有一些偉大的命令可用於剝離用戶代理字符串。有關信息，請參閱http://www.the-art-of-web.com/system/logs/#section_2。然後通過'awk'通過管道輸出來計算用戶代理字符串的出現次數，請參閱http://www.catonmat.net/blog/wp-content/uploads/2008/09/awk1line.txt – Tak 2011-06-13 14:18:54

並且您可以使您的動畫工作很好地在其他現代非webkit瀏覽器中使用適當的供應商前綴：用於Opera的-o-'，用於IE的-ms-'用於Firefox的-moz-'等 – andreasbovens 2011-06-13 16:25:53

根據你想要做動畫明智的東西，jQuery的可以幫助你做到這一點更容易，用合理的性能。

http://api.jquery.com/category/effects/

來源

2011-06-13 15:37:06

我認爲這取決於你的目標是什麼觀衆。

使用CSS在這些情況下：

iOS設備，因爲CSS過渡是硬件加速
3D轉換需要，因爲你只能用CSS

使用JavaScript在做這些情況：

您需要精確控制幀速率或移動ob的精確位置因爲你不能用CSS做它

來源

2011-06-14 07:00:13

我應該依靠CSS3進行動畫還是使用JavaScript來獲得非WebKit瀏覽器的好處？

回答

相關問題