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

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

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

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