幀動(dòng)畫是一種網(wǎng)頁(yè)動(dòng)畫效果，它是通過(guò)不斷地切換多張圖片來(lái)制作動(dòng)畫的。CSS中的幀動(dòng)畫可以使用關(guān)鍵幀（@keyframes）來(lái)定義動(dòng)畫每一幀的樣式，同時(shí)也可以設(shè)置動(dòng)畫的持續(xù)時(shí)間、循環(huán)次數(shù)、緩動(dòng)效果等。

@keyframes myAnimation {
0%   { opacity: 0; }
25%  { opacity: 1; transform: rotate(45deg); }
50%  { opacity: 1; transform: rotate(90deg); }
75%  { opacity: 1; transform: rotate(135deg); }
100% { opacity: 0; transform: rotate(180deg); }
}
.animation {
animation-name: myAnimation;
animation-duration: 2s;
animation-fill-mode: forwards;
}

上面的代碼定義了一個(gè)名為myAnimation的動(dòng)畫，首先設(shè)置了0%的透明度，然后在25%、50%、75%和100%分別設(shè)置了不同的旋轉(zhuǎn)角度和透明度，從而創(chuàng)造出一個(gè)具有變形效果的動(dòng)畫。而animation屬性則將動(dòng)畫應(yīng)用于一個(gè)class為animation的元素，設(shè)置了動(dòng)畫的名稱、持續(xù)時(shí)間和完成后的填充方式。

幀動(dòng)畫可以產(chǎn)生非常豐富的視覺效果，但需要注意的是，過(guò)多的幀動(dòng)畫會(huì)對(duì)網(wǎng)頁(yè)性能產(chǎn)生較大的影響，因此在制作幀動(dòng)畫時(shí)要注意減少幀數(shù)和尺寸，優(yōu)化性能。