首先網(wǎng)站的動畫效果有很多，像是頁面的過渡，鼠標(biāo)的懸停，用戶的交互，滾輪的滾動等。一般情況下都是通過CSS3的過渡和動畫幀來完成的，或者是使用JS或者JS動畫庫來完成的。一般情況下CSS3具有良好的瀏覽器支持性，并且加載速度快，不會影響網(wǎng)站的正常瀏覽。而JS雖然功能強(qiáng)大，所能做的效果更多，但是有可能會產(chǎn)生一些卡頓等，影響用戶的體驗(yàn)。通常在進(jìn)行網(wǎng)站建設(shè)時會更傾向于使用CSS3的過渡和動畫幀。

CSS3的過渡在網(wǎng)站建設(shè)中使用的相對會更多。一般是需要給定一個時間，在屬性值發(fā)生改變時，會在給定的時間內(nèi)完成，讓動畫有一個過渡的效果，不至于太過突然。像是鼠標(biāo)的懸停這種效果通常都會用到。而CSS3的動畫幀相對來說使用的會更少一些。一般情況下通常是使用在一些重復(fù)執(zhí)行或者是執(zhí)行一次的動畫中，首先在@keyframes中設(shè)置好所需要完成的動畫，在將其綁定在所需要完成動畫的元素上，在設(shè)置動畫完成的時間、延時、次數(shù)等。一般情況下會用在頁面的過渡、重復(fù)的移動等方面，相較于過渡來說所使用的范圍能夠更廣一些。

當(dāng)然了一般情況下網(wǎng)站的動畫都是可以通過CSS3的過渡和動畫幀來完成的，但是對于一些用戶的交互來說，純CSS是無法做到的，通常是需要JS來協(xié)助完成的。通過JS來監(jiān)聽用戶的點(diǎn)擊或是滾輪滾動事件，在確定用戶做出相應(yīng)的動作后，控制CSS完成相應(yīng)的效果。

一般來說，網(wǎng)站的動畫效果都是使用CSS3的過渡和動畫幀來完成的，比較復(fù)雜一些的交互會通過JS來進(jìn)行協(xié)助完成。