CSS3動畫和JS動畫的區(qū)別？

CSS3動畫的優(yōu)點和缺點

優(yōu)點：

  1. CSS3動畫在性能上會稍微好一些，瀏覽器會對CSS3的動畫做一些優(yōu)化(比如專門新建一個圖層用來跑動畫)
  2. 代碼相對簡單

缺點：

  1. 在動畫控制上不夠靈活
  2. 兼容性不好
  3. 部分動畫功能無法實現(xiàn)(如滾動動畫，視差滾動等)

JS動畫的優(yōu)缺點

優(yōu)點：
JavaScript動畫正好彌補了這兩個缺點。

  1. 控制能力強，可以單幀的控制和變換
  2. 寫的好，寫的好的話，完全可以兼容IE6

缺點：
1.JS運算預渲染性能不如CSS3動畫，因為CSS動畫的transform矩陣，是C++級的，必然要比JavaScript級的計算要快

  1. 還有就是對庫比較依賴
  2. 編碼較為繁瑣

綜上所述

  • 對于一些需要復雜控制的動畫，使用JavaScript比較靠譜
  • 如果是一些小的，簡單的動畫，就使用CSS3動畫
最后編輯于 ：
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容