CSS實現改變顏色的動畫可以讓網站頁面更加生動和有趣。下面我將介紹如何使用CSS來實現這個效果。

/* CSS代碼 */
.color-change {
width: 200px;
height: 200px;
margin: 0 auto;
border-radius: 50%;
background-color: #f00;
animation: change_color 2s infinite;
}
@keyframes change_color {
0% {
background-color: #f00; /* 初始顏色為紅色 */
}
50% {
background-color: #0f0; /* 中間顏色為綠色 */
}
100% {
background-color: #00f; /* 結束顏色為藍色 */
}
}

上面這段代碼中，我們首先定義了一個圓形的div，類名為“color-change”。然后，我們使用animation屬性來為div添加一個動畫，動畫名稱為“change_color”，時間為2秒，無限循環。

接下來，我們定義了一個名為“change_color”的關鍵幀動畫，定義了該動畫的三種不同顏色狀態以及它們所占的時間百分比。其中，初始顏色為紅色，中間顏色為綠色，結束顏色為藍色。

這樣，我們就用CSS實現了一個讓div背景顏色不斷變化的動畫效果。當然，除了改變顏色，CSS動畫還可以實現其它效果，比如旋轉、移動等等，可以嘗試一下。