要使用 CSS 制作背景动画，可以使用 CSS3 中的动画特性，其中包括关键帧动画和过渡动画。
关键帧动画是指在动画中定义一系列关键帧，然后让浏览器自动计算中间帧的过渡效果。可以使用 @keyframes 规则来定义关键帧动画，然后通过 animation 属性将其应用到元素上。例如：
@keyframes myanimation {
0% {
background-color: red;
}
50% {
background-color: blue;
}
100% {
background-color: green;
}
}
div {
animation: myanimation 5s infinite;
}上面的代码定义了一个名为 myanimation 的关键帧动画，将红色背景色过渡到蓝色再到绿色。然后将该动画应用到一个 div 元素上，并设置了动画时间为 5 秒，重复播放。
过渡动画是指在元素属性发生变化时，平滑地过渡到新值的动画效果。可以使用 transition 属性来定义过渡动画，例如：
div {
background-color: red;
transition: background-color 1s;
}
div:hover {
background-color: blue;
}上面的代码定义了一个 div 元素，初始背景色为红色，当鼠标悬停在元素上时，背景色过渡到蓝色。transition 属性指定过渡的属性为 background-color，时间为 1 秒。
需要注意的是，关键帧动画和过渡动画都需要浏览器支持 CSS3 特性。在编写 CSS 动画时，应该注意性能问题，避免过多的复杂动画导致页面卡顿。