現(xiàn)在主要實(shí)現(xiàn)動(dòng)畫的方式主要有兩種：CCS3和JS。這兩種到底使用哪一種好呢？

CSS3的動(dòng)畫通常使用游覽器的GPU來渲染，從而減輕CPU的負(fù)擔(dān)，使動(dòng)畫跟流暢。同時(shí)CSS3動(dòng)畫在一個(gè)單獨(dú)的線程中運(yùn)行，這意味著即使動(dòng)畫正在執(zhí)行，也不會(huì)阻塞頁面的其他操作。在兼容性方面來說大部分的游覽器都是支持相應(yīng)的CSS3屬性的，只有一些舊的游覽器不支持某些CSS3的屬性，可能會(huì)導(dǎo)致動(dòng)畫無法顯示。CSS3動(dòng)畫的易用性相對(duì)較高，只需通過簡(jiǎn)單的CSS規(guī)則就可以創(chuàng)建出各種動(dòng)畫效果。此外，CSS3還提供了一些預(yù)設(shè)的動(dòng)畫效果，如過渡（transition）和動(dòng)畫（animation），這些都可以讓開發(fā)者更加輕松地實(shí)現(xiàn)動(dòng)畫。只是過于復(fù)雜的動(dòng)畫效果CSS3還是無法做到的。

JS的動(dòng)畫提供了更高的靈活性和控制性，但是JS是單線程的過于復(fù)雜的JS動(dòng)畫可能會(huì)阻塞其他頁面操作，導(dǎo)致頁面響應(yīng)變慢。在兼容性方面來說，幾乎所有的瀏覽器都能支持JS，有更好的兼容性。雖然JS能夠操作更比CSS3復(fù)雜的動(dòng)畫效果，但是需要編寫更多的代碼來實(shí)現(xiàn)相同的動(dòng)畫效果。

CSS3和JS動(dòng)畫各有優(yōu)劣，一般根據(jù)應(yīng)用的場(chǎng)景進(jìn)行選擇，一般進(jìn)行簡(jiǎn)單的顏色漸變，位置移動(dòng)，放大縮小和旋轉(zhuǎn)都可以使用CSS3來實(shí)現(xiàn)，一些復(fù)雜的動(dòng)畫控制速度之類的就要使用JS了。