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

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

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

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