css实现一张长图横向无缝无限滚动

可以使用CSS3的animation动画来实现一张长图横向无缝无限滚动。具体实现如下：

首先，需要将图片作为背景图设置在一个div容器中，然后对这个容器进行设置，使其能够占满整个屏幕，同时隐藏溢出的部分。接着，使用animation动画来不断地移动这个容器，使得图片看起来是在不停地向左滚动，直到滚动到一定距离后，再将容器的位置重置，重新开始滚动。

下面是实现代码：

<div class="scroll-container">
   <div class="scroll-image"></div>
</div>

.scroll-container {
   width: 100%;
   height: 200px;
   overflow: hidden;
   position: relative;
}
.scroll-image {
   width: 200%;
   height: 100%;
   background-image: url("your-image-url");
   animation: scroll 10s linear infinite;
   position: absolute;
   top: 0;
   left: 0;
}

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

在上面的代码中，.scroll-container是容器的类名，.scroll-image是背景图所在的div，animation的属性值中，10s表示动画持续时间为10秒，linear表示动画执行方式为匀速，infinite表示动画无限循环。translateX(-50%)表示图片向左移动了50%的宽度，当移动到一半时，就会重置容器的位置，重新开始滚动。

这样就可以实现一张长图横向无缝无限滚动啦！