CSS可以实现各种各样的动画效果，今天我要教大家如何做一个会动的彩虹背景。

body {
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
background-size: 1000% 100%;
animation: rainbow 12s ease infinite;
}
@keyframes rainbow {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

我们首先设置了一个渐变的背景色，从红色到紫色。然后设置了背景图像的大小为“1000% 100%”，让彩虹的颜色一直占据整个背景。

接下来是重头戏，我们给背景添加了一个动画效果。这个动画叫做“rainbow”，动画时间为12秒，缓动函数为“ease”，同时无限循环。

在“@keyframes”的代码块里，我们设置了动画的三个关键帧。0%的时候，背景的位置是“0% 50%”，也就是彩虹的一边在左边，另一边在正中间；50%的时候，背景的位置是“100% 50%”，也就是彩虹的一边在正中间，另一边在右边；100%的时候，背景的位置又回到了“0% 50%”，也就是彩虹的一边在左边，另一边在正中间。

通过上面这段代码，我们就可以实现一个会动的彩虹背景了！