優(yōu)點(diǎn)
css3
- CSS3動(dòng)畫(huà)在性能上會(huì)稍微好一些，瀏覽器會(huì)對(duì)CSS3的動(dòng)畫(huà)做一些優(yōu)化(比如專門(mén)新建一個(gè)圖層用來(lái)跑動(dòng)畫(huà))
- 代碼相對(duì)簡(jiǎn)單
js
- 控制能力強(qiáng)，可以單幀的控制和變換。
- 寫(xiě)的好，寫(xiě)的好的話，完全可以兼容IE6
缺點(diǎn)
css3
- 在動(dòng)畫(huà)控制上不夠靈活
- 兼容性不好
- 部分動(dòng)畫(huà)功能無(wú)法實(shí)現(xiàn)(如滾動(dòng)動(dòng)畫(huà)，視差滾動(dòng)等)
js
- S運(yùn)算預(yù)渲染性能不如CSS3動(dòng)畫(huà)，因?yàn)镃SS動(dòng)畫(huà)的transform矩陣，是C++級(jí)的，必然要比JavaScript級(jí)的計(jì)算要快
- 還有就是對(duì)庫(kù)比較依賴，編碼較為繁瑣
總結(jié)
綜上所述我在寫(xiě)動(dòng)畫(huà)的時(shí)候能選擇css3的時(shí)候就堅(jiān)決不去選擇js；原因如下
1、css3不占用JS主線
2、可以利用硬件加速；
3、 瀏覽器可css3對(duì)動(dòng)畫(huà)做優(yōu)化
