图片向左循环滚动的css

下面是一个可以将图片向左循环滚动的 CSS 代码示例：

.scroll {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.scroll img {
  display: inline-block;
  height: 100%;
  animation: scroll 10s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

这个代码会将包含图片的 `.scroll` 元素设置为一个具有固定高度和隐藏溢出内容的容器。图片会被设置为 `inline-block` 显示，并且应用一个 `scroll` 动画，该动画会将图片在 10 秒内向左滚动，滚动速度为线性，且会无限循环。动画效果使用 `transform` 属性的 `translateX` 方法实现。