CSS動(dòng)畫是網(wǎng)頁設(shè)計(jì)中非常重要的一部分。通過CSS動(dòng)畫，可以讓元素動(dòng)起來，增加網(wǎng)站的趣味性和互動(dòng)性。在CSS中，可以使用各種屬性來實(shí)現(xiàn)動(dòng)畫效果，比如transition、transform、animation等等。

.example{
width: 100px;
height: 100px;
background: pink;
animation-name: example;
animation-duration: 2s;
}
@keyframes example{
0%{
transform: scale(1);
}
50%{
transform: scale(1.5);
}
100%{
transform: scale(1);
}
}

在上面的代碼中，我們創(chuàng)建了一個(gè)名為example的動(dòng)畫，設(shè)置持續(xù)時(shí)間為2秒。在@keyframes中，我們定義了動(dòng)畫從0%到50%的過程中，元素通過transform屬性放大到1.5倍，然后再在50%到100%的過程中縮小回原來的大小。

通過這個(gè)動(dòng)畫，我們可以讓一個(gè)元素呈現(xiàn)一個(gè)類似于“跳動(dòng)”的效果，非常生動(dòng)有趣。