CSS可以很容易地實現動畫效果，比如我們可以用CSS制作一個圓形動畫。

/* 創建一個圓形動畫 */
.circle {
width: 100px;
height: 100px;
background-color: #007bff;
border-radius: 50%;
animation: circle-anim 2s infinite ease-in-out alternate;
}
/* 創建一個跳躍的動畫效果 */
@keyframes circle-anim {
0% {
transform: scale(1);
}
100% {
transform: scale(1.5);
}
}

在上面的代碼中，我們創建了一個類名為“circle”的div，定義了其寬高、背景顏色和邊框半徑，以使其成為一個圓形。接著，在CSS中，我們使用了一個名為“circle-anim”的關鍵幀動畫，定義了它的起始狀態和結束狀態。最后，我們將動畫效果應用于“circle”類名的div，使其循環播放這個動畫。

這是一個簡單而有效的CSS動畫，可以讓你的頁面更加生動有趣。嘗試用這個動畫效果來為你的頁面增添一些美麗吧！