CSS2動(dòng)畫是一種使用CSS2樣式的動(dòng)畫效果。它可以讓網(wǎng)頁中的元素在特定時(shí)間間隔內(nèi)通過預(yù)定義的動(dòng)作進(jìn)行移動(dòng)、轉(zhuǎn)換或變形。

/*定義元素的起始狀態(tài)*/
.element {
position: relative;
left: 0;
background-color: red;
transition: left 2s;
}
/*定義元素的結(jié)束狀態(tài)*/
.element:hover {
left: 200px;
background-color: blue;
}

在這個(gè)例子中，.element被定義為初始狀態(tài)并在2秒鐘內(nèi)左移200像素。當(dāng)鼠標(biāo)懸停在元素上時(shí)，它的背景顏色將變?yōu)樗{(lán)色。

CSS2動(dòng)畫的優(yōu)點(diǎn)是易于實(shí)現(xiàn)和修改，且不需要任何JavaScript的幫助。但是，它有一個(gè)缺點(diǎn)，那就是它只能在特定的狀態(tài)下進(jìn)行動(dòng)畫。這意味著如果你想在一個(gè)元素運(yùn)動(dòng)的非特定狀態(tài)下進(jìn)行動(dòng)畫，你需要使用JavaScript。