CSS3的動畫效果為網頁設計提供了更加廣闊的創作空間，其中包括了許多令人眼花繚亂的背景動畫。接下來就讓我們一起來了解一下如何使用CSS3來創建出令人驚艷的背景動畫吧！

/* 創建背景動畫 */
body {
background: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
animation: gradient 15s ease infinite;
}
/* 定義背景動畫 */
@keyframes gradient {
0% {
background-position: 0% 33%;
}
50% {
background-position: 100% 67%;
}
100% {
background-position: 0% 33%;
}
}

使用CSS3的背景動畫的關鍵在于使用animation和@keyframes兩個屬性，通過定義關鍵幀（keyframes）在不同時間點的屬性值，然后通過animation屬性來指定這些關鍵幀的屬性動畫效果。

以上代碼為創建一個線性漸變背景的動畫，通過添加上面的代碼至您的CSS樣式表，即可使背景帶有一個持續15s的平移動畫效果。您可以根據自己的需要自定義動畫的延遲時間、動畫速度和漸變色值等等。

總之，CSS3的動畫效果為頁面設計帶來了新的可能性，使得我們的網站更加出色！