現(xiàn)在網(wǎng)站的動(dòng)畫效果已經(jīng)成為了吸引用戶注意力和提高用戶體驗(yàn)的一張方法,好的動(dòng)畫效果大大提高了網(wǎng)頁的交互性和吸引力?，F(xiàn)在比較常見的動(dòng)畫效果大多都是通過CSS，canvas元素和JS，JS動(dòng)畫庫來實(shí)現(xiàn)。

1，CSS中的動(dòng)畫一般都是通過transform和transition配合實(shí)現(xiàn)的，這種方法使用起來很簡單的。在CSS3中增加了keyframes來創(chuàng)建動(dòng)畫效果，可以通過設(shè)置開始，過度，結(jié)束來實(shí)現(xiàn)動(dòng)畫的流暢平滑。

2，canvas是html5的核心之一利用canvas和JS能夠?qū)崿F(xiàn)更加復(fù)雜的動(dòng)畫效果，只不過使用起來沒有那么容易。

3，通過一些第三方的JS動(dòng)畫庫Anime.js、Velocity.js、Three.js等來實(shí)現(xiàn)，這種方法可以快速的完成頁面的動(dòng)畫效果的設(shè)置。如果實(shí)在不會(huì)使用的話也可以自己使用JS完成動(dòng)畫效果，一般來說動(dòng)畫效果都不是很難的關(guān)鍵在于能不能想到是什么原理。