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循环背景就完成了。运行代码，你会发现背景图案或图片在无限循环中滚动，十分有趣。