[分享]css中如何让图片滚动

CSS中可以通过一些简单的方法让图片实现滚动，下面介绍两种方法：

1、使用animation实现动画效果

img {
  animation: slidein 3s infinite;
}

@keyframes slidein {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
} 

上面的代码中，设置了一个名为“slidein”的动画，它会让图片从左到右滚动，并且循环播放。animation的属性除了可以设置持续时间和循环次数，还可以设置动画延迟时间，以便更好地控制动画效果。

2、使用Marquee实现滚动效果

<marquee behavior="scroll" direction="left"> 
<img src="path/to/image" alt="image" width="200" height="200">
</marquee> 

Marquee是一种标签，用于实现滚动效果。通过设置behavior属性可以指定驱动Marquee的方式，direction属性可以指定滚动的方向。此处设置为向左滚动。而marquee里的内容就是我们要滚动的图片。