CSS3循環背景是CSS3中一個非常有趣和實用的特性。它可以讓你在背景中使用重復的圖案或圖片，并根據設置的規則自動進行循環。這個特性可以為網站的設計增色不少，并且使用起來非常簡單。

/* 使用CSS3循環背景 */
body {
background: url('background.png') repeat-x 0 0;
animation: scroll 20s linear infinite;
}
/* 定義動畫 */
@keyframes scroll {
from { background-position: 0 0; }
to { background-position: -2000px 0; }
}

在上面的例子中，我們先將背景設置為一個名為background.png的圖片，并設置為在X軸方向上不斷重復。這里我們還需要加上一個background-position的屬性來控制圖片的位置。這個屬性主要由兩個值組成，第一個值控制X軸方向的位置，第二個值控制Y軸方向的位置，其他的值都可以留空。

接下來，我們就可以開始設置讓這個背景進行循環的動畫。我們使用了@keyframes來定義動畫，并將其命名為scroll。在動畫中，我們使用了兩個關鍵幀：from和to。其中，from表示動畫起始時的狀態，to表示動畫結束時的狀態，在這里，我們設置了background-position的值，使背景圖片向左移動2000px（圖片寬度）。

最后，我們需要將之前定義好的scroll動畫應用在body元素上。這里我們使用了animation屬性，并設置了動畫的持續時間（20s）、動畫運動類型（linear）和動畫的次數，這里使用了infinite代表動畫無限循環播放。

到這里，一個基本的CSS3循環背景就完成了。運行代碼，你會發現背景圖案或圖片在無限循環中滾動，十分有趣。