CSS的圓形動畫可以為網頁增加視覺效果，而且實現起來也非常簡單。下面我們來演示一下如何使用CSS快速創建一個圓形動畫。

/* html代碼 */
<div class="circle"></div>
/* css代碼 */
.circle{
width: 100px;
height: 100px;
background: #f00;
border-radius: 50%;
animation: circle 1s ease-in-out infinite;
}
@keyframes circle{
0%{
transform: scale(0);
opacity: 0.5;
}
100%{
transform: scale(1);
opacity: 0;
}
}

首先，在HTML中創建一個div元素，并設置類名為“circle”。然后，在CSS中設置該元素的樣式屬性，例如設置寬高、背景顏色和圓角等。接下來，在CSS中通過添加動畫關鍵幀來實現圓形動畫效果。這里我們定義了一個“circle”動畫。該動畫從0%開始，將div元素的大小和透明度設置為0.5，然后在100%處將div元素大小設置為1，將透明度設置為0，通過相應的樣式變換，實現從圓形縮小到消失的效果。

最后，在“circle”動畫的樣式屬性中，設置了動畫的執行時間、動畫執行方式和循環次數等參數。例如，在上述代碼中，動畫執行時間為1秒，執行方式為先快后慢，循環次數為無限次。

這只是一個簡單的圓形動畫示例。通過動畫關鍵幀的不同設置，可以實現更多豐富的動畫效果。同時，也可以根據需要，結合Javascript等其他技術實現更加復雜的動畫效果。