CSS3 vs Javascript僅轉換

Question

Apple Safari 360演示版給人留下了深刻的印象https://developer.apple.com/safaridemos/threesixty.php

它似乎也可以在Firefox中使用。

誰能總結使用CSSonly和javascript進行動畫和變換的優缺點？

Answer 1

我個人的觀點是，以房屋為類比，HTML用於打基礎，CSS用於為房間粉刷，JS用於裝修。 如果要添加水特征，則CSS將負責該特征的外觀，而JS則是使水在其中流動的原因。

同樣，我可以使用CSS制作時鍾，並使用簡單的CSS動畫旋轉時鍾（時針可持續12個小時，分針持續1個小時，秒針持續1分鍾），但我寧願這樣做在JavaScript中，因為JS可以檢查用戶的時鍾並使自己保持同步。 尤其重要的是，如果瀏覽器由於用戶在計算機上打開太多而停滯，或者通常只是舊計算機而打開。

此外，我非常確定必須對動畫每秒一次重新評估CSS幾百次，而使用JS，您可以將幀速率顯式設置為更合理的值，例如每4幀每秒250ms的間隔（大於足夠用於時鍾和進度條）或25毫秒（40fps）以獲得更高級的動畫（因為它們是游戲，因此有時在我的網站中使用）。 通過這種控制，您可以管理網站的效率等等。

另一方面，CSS轉換非常有用-這是因為它們會像CSS那樣影響元素的外觀。 然后，使用JS控制它們，就可以用最少的代碼創建非常復雜的動畫（例如，在上述游戲中，存在一個完整的序列，這在純CSS中是完全不可能的，但是在JS中使用CSS轉換非常簡單） ）。

這都是關於使用正確的工具完成正確的工作。