CSS動(dòng)畫是一種在網(wǎng)頁(yè)中實(shí)現(xiàn)動(dòng)態(tài)效果的方法，通過(guò)CSS屬性的變化來(lái)實(shí)現(xiàn)視圖的轉(zhuǎn)換和動(dòng)畫效果的實(shí)現(xiàn)。

/* 普通樣式 */
.box {
width: 100px;
height: 100px;
background-color: red;
}
/* 動(dòng)畫樣式 */
.box {
animation: myanimation 2s infinite;
}
@keyframes myanimation {
0% {
background-color: red;
transform: rotate(0deg);
}
50% {
background-color: blue;
transform: rotate(180deg);
}
100% {
background-color: red;
transform: rotate(360deg);
}
}

上述代碼中，通過(guò)定義一個(gè)名為`myanimation`的動(dòng)畫，在`.box`元素上使用`animation`屬性引入這個(gè)動(dòng)畫，并設(shè)置動(dòng)畫執(zhí)行兩秒鐘，并且無(wú)限循環(huán)。在`@keyframes`中，定義了三個(gè)關(guān)鍵幀，分別是0%、50%、100%。每個(gè)關(guān)鍵幀中定義了動(dòng)畫需要變化的CSS屬性值，包括背景顏色和旋轉(zhuǎn)角度。