CSS幀動(dòng)畫(huà)，是CSS3中新增的一種動(dòng)畫(huà)方式，也被稱為CSS關(guān)鍵幀動(dòng)畫(huà)。它通過(guò)在關(guān)鍵幀處定義元素的樣式變化，從而實(shí)現(xiàn)動(dòng)畫(huà)效果。

/* 定義keyframes */
@keyframes myAnimation {
0% { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
100% { transform: rotate(360deg); }
}
/* 應(yīng)用動(dòng)畫(huà) */
.my-element {
animation-name: myAnimation; /* 動(dòng)畫(huà)名稱 */
animation-duration: 2s; /* 動(dòng)畫(huà)持續(xù)時(shí)間 */
animation-timing-function: ease-in-out; /* 動(dòng)畫(huà)緩動(dòng)函數(shù) */
animation-iteration-count: infinite; /* 動(dòng)畫(huà)播放次數(shù) */
}

在這段代碼中，首先通過(guò)@keyframes關(guān)鍵詞定義了一個(gè)名為myAnimation的keyframes，其中定義了三個(gè)關(guān)鍵幀，分別在0%，50%，100%處變化樣式。然后在元素的樣式中應(yīng)用動(dòng)畫(huà)，animation-name屬性指定了要使用哪一個(gè)keyframes，animation-duration屬性指定動(dòng)畫(huà)持續(xù)時(shí)間，animation-timing-function指定緩動(dòng)函數(shù)，animation-iteration-count指定播放次數(shù)。

除了以上幾種屬性外，還有一些其他的屬性可以用來(lái)控制動(dòng)畫(huà)的效果，例如animation-delay、animation-direction等等。在實(shí)際使用中，可以根據(jù)需求進(jìn)行選擇和組合。