html 怎么做动态效果图，css如何让背景图片动起来？

HTML和CSS可以配合实现一些简单的动态效果。以下是两种实现动态效果的方法：

1. 使用CSS3的animation属性来制作动画效果。可以使用@keyframes规则来定义动画的关键帧，然后使用animation属性将动画应用到背景图片上。例如，下面的代码可以让背景图片水平移动：

.bg {
  animation: move 2s linear infinite;
  background-image: url('bg.jpg');
  background-size: cover;
}

@keyframes move {
  from { background-position: 0 0; }
  to { background-position: 100% 0; }
}

2. 使用JavaScript和CSS的transition属性来制作动态效果。可以使用JavaScript来动态更改背景图片的位置，然后使用transition属性来让这些变化变得平滑。例如，下面的代码可以让背景图片在鼠标悬停时变淡：

.bg {
  transition: all 0.3s ease;
  background-image: url('bg.jpg');
  background-size: cover;
}

.bg:hover {
  opacity: 0.8;
}

需要注意的是，这些方法都只能实现一些简单的动态效果，如果需要实现更复杂的交互效果，就需要使用更高级的技术，比如JavaScript框架或者CSS动画库。