css中怎么设置图片滑动

在CSS中，我们可以通过设置背景图片的位置和动画效果，实现图片滑动的效果。具体实现方法如下：

/* 设置背景图片 */
#slider{
  background-image: url("slider.jpg"); /* 设置图片路径 */
  background-size: cover; /* 图片填充容器 */
  background-repeat: no-repeat; /* 防止图片重复 */
}

/* 设置滑动动画 */
@keyframes slide {
   0% { background-position: 0 0; } /* 背景图像最左侧 */
  100% { background-position: -100% 0; } /* 背景图像最右侧 */
}

/* 给滑动容器添加动画效果 */
#slider {
  animation: slide 10s infinite linear; /* 持续10秒，无限循环 */
} 

上述代码中，我们先通过id选择器选中包含滑动图片的容器，并通过background-image属性设置图片路径、通过background-size属性将图片填充容器、通过background-repeat属性防止图片重复。

接着，我们使用@keyframes规则定义一个名为slide的动画，通过改变背景图片的位置，实现图片滑动的效果。其中，0%表示动画起始状态，100%表示动画结束状态。通过设置background-position属性，让背景图片在10秒内从最左侧移动到最右侧，实现滑动效果。

最后，我们在滑动容器中添加animation属性，将定义好的动画属性绑定到滑动容器上，并设置infinite让动画无限循环。