CSS 动态背景图是指通过 CSS3 技术，将静态的背景图变为动态的效果。这样的效果可以让网页显得更加生动，增加用户的体验感。本文将介绍如何使用 CSS3 技术实现动态背景图。

/* 设置背景图片 */
div {
background-image: url('bg.png');
background-size: cover; /* 让背景图片充满整个元素 */
}
/* 设置动画 */
@keyframes bgAnimation {
0% { background-position: 0 0; }
100% { background-position: 100% 0; }
}
/* 应用动画 */
div {
animation: bgAnimation 10s linear infinite;
}

上面的 CSS 代码中，我们先通过 background-image 属性设置了一个背景图片，并使用 background-size:cover 让图片充满整个元素。接着，我们使用 @keyframes 声明了一个名为 bgAnimation 的动画效果，该动画效果从背景左边开始，逐渐移动到右边，形成了一个背景图片滚动的效果。

最后，我们将这个动画应用到了 div 元素上，使用了 animation 属性，设置了动画名称、时长、过渡方式以及重复次数。如上代码，将会以每 10 秒的速度无限循环这个动画。

总体来说，CSS3 动态背景图的实现非常简单。通过使用 background-position 属性，以及 @keyframes 和 animation 两个 CSS 规则，我们就可以轻松地让网页背景图片呈现出不同的动效。