CSS动画是现代Web设计中非常重要的一部分，可以为网站增加生动的效果和更好的用户体验。其中，改变背景颜色作为一种常见的CSS动画效果，应用广泛。本文将介绍如何使用CSS动画来改变背景颜色。

body {
background-color: #fff;
animation: colorChange 5s infinite;
}
@keyframes colorChange {
0% {
background-color: #fff;
}
50% {
background-color: #ff5733;
}
100% {
background-color: #ffa500;
}
}

在上面的代码中，我们首先将body元素的初始背景色设置为白色。然后，我们创建了一个名为colorChange的CSS动画，并将其应用到了body元素上。这个动画持续5秒钟，并且无限地循环播放。

在@keyframes规则块中，我们定义了三个关键帧。在0%处，背景颜色被设置为白色。在50%处，背景颜色被设置为橙色。在100%处，背景颜色被设置为金色。

通过这种方式，当页面加载时，背景颜色将开始改变。当动画播放到50%时，背景色将从白色变为橙色。当动画播放到100%时，背景色将从橙色变为金色。因为我们将animation属性设置为无限循环，所以这个动画将会一直播放下去。

总的来说，使用CSS动画来改变背景颜色是一种非常有用的技术。无论是用于网站的视觉效果还是提供更好的用户体验，都可以帮助您创造一个更加活跃和吸引人的网站。