图片向左循环滚动的HTML

你可以使用以下 HTML 和 CSS 代码来实现图片向左循环滚动：

HTML代码：

<div class="carousel-container">
  <div class="carousel-wrapper">
    <img src="image1.jpg" alt="Image 1">
    <img src="image2.jpg" alt="Image 2">
    <img src="image3.jpg" alt="Image 3">
    <img src="image4.jpg" alt="Image 4">
    <img src="image5.jpg" alt="Image 5">
  </div>
</div>

CSS代码：

.carousel-container {
  overflow: hidden;
}

.carousel-wrapper {
  display: flex;
  animation: slide 20s linear infinite;
}

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

.carousel-wrapper img {
  flex: 0 0 20%;
  margin-right: 20px;
}

在这个代码中，我们使用了 `overflow: hidden` 属性来将图片容器的溢出部分隐藏起来。然后，我们使用了 Flexbox 布局将所有图片放在一个容器中，并使用了 `animation` 属性来定义动画效果。在这个例子中，我们使用了 `slide` 动画，它会在 20 秒内将容器从左向右滚动。最后，我们使用了 `flex` 属性来设置每张图片的大小，并使用了 `margin-right` 属性来为图片之间添加间距。

这样，你就可以创建一个简单的循环滚动图片的 HTML 页面了。