CSS（層疊樣式表）是用于在網(wǎng)頁上添加樣式和布局的語言，例如字體、顏色、間距等。那么，CSS有動(dòng)畫的功能嗎？答案是肯定的。

CSS動(dòng)畫是指利用CSS屬性在元素中創(chuàng)建運(yùn)動(dòng)效果的過程。它可以讓我們的網(wǎng)頁更加生動(dòng)有趣，吸引用戶留下更長時(shí)間。

現(xiàn)在，我們來看一下CSS動(dòng)畫的代碼實(shí)現(xiàn)：

/*定義動(dòng)畫關(guān)鍵幀，從原位置向下方移動(dòng)*/
@keyframes move {
from {
top:0px;
}
to {
top:50px;
}
}
/*應(yīng)用動(dòng)畫到元素，讓其移動(dòng)*/
div {
width: 100px;
height: 100px;
background-color:#FF5733;
position: relative;
animation: move 2s infinite alternate;
}

這個(gè)動(dòng)畫會(huì)讓一個(gè)div元素從它的原位置向下方移動(dòng)50像素，然后再回到原來的位置。這個(gè)動(dòng)畫會(huì)持續(xù)2秒，不斷循環(huán)。

除了移動(dòng)之外，CSS動(dòng)畫可以實(shí)現(xiàn)許多其他的功能，例如縮放、旋轉(zhuǎn)、淡入淡出等等。我們只需要在CSS中定義好關(guān)鍵幀和各種屬性，就能輕松創(chuàng)建出優(yōu)美的動(dòng)畫效果。

總之，CSS動(dòng)畫是一種強(qiáng)大的工具，可以讓我們的網(wǎng)頁更加生動(dòng)有趣，并提升用戶體驗(yàn)。學(xué)習(xí)如何使用CSS動(dòng)畫，對(duì)于前端開發(fā)者來說，是一個(gè)必備的技能。