CSS是一種層疊樣式表語言，可以讓我們優(yōu)雅地修改網(wǎng)頁上的樣式。其中，我們可以利用CSS制作出各種炫酷的動畫效果，比如今天要介紹的"公仔動畫"。

/* 先定義公仔的樣式 */
.box {
position: absolute;
width: 50px;
height: 50px;
background-color: #F00;
border-radius: 50%;
animation: jump 2s ease-in-out infinite;
}
/* 利用@keyframes定義跳躍動畫 */
@keyframes jump {
0% { 
transform: translateY(0); 
}
50% { 
transform: translateY(-100px); 
}
100% { 
transform: translateY(0); 
}
}

在這段代碼中，我們先定義了一個class為"box"的元素，也就是公仔的樣式。然后，我們利用"@keyframes"來定義跳躍動畫，其中"0%"表示動畫開始狀態(tài)，"50%"表示高度達(dá)到最高點的狀態(tài)，"100%"表示動畫結(jié)束狀態(tài)。

最后，在公仔樣式中引入動畫的屬性，利用"animation"來實現(xiàn)動畫效果，其中"jump"是我們剛才定義的動畫名稱。

有了這些代碼，我們就可以在網(wǎng)頁上看到一個可愛的跳跳公仔啦！