css3動畫與js動畫比較

優點

css3

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

js

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

缺點

css3

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

js

1. S運算預渲染性能不如CSS3動畫，因爲CSS動畫的transform矩陣，是C++級的，必然要比JavaScript級的計算要快
2. 還有就是對庫比較依賴，編碼較爲繁瑣

總結

綜上所述我在寫動畫的時候能選擇css3的時候就堅決不去選擇js；原因如下
1、css3不佔用JS主線
2、可以利用硬件加速；
3、 瀏覽器可css3對動畫做優化