CSS滾動圖片的制作，需要借助CSS中的動畫和過渡效果，以下是一個簡單的CSS滾動圖片的代碼示例：

HTML結(jié)構(gòu)：

<div class="scroll-container">
  <img class="scroll-image" src="image.jpg" alt="滾動圖片">
</div>

CSS樣式：

.scroll-container {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}
.scroll-image {
  width: 100%;
  height: 300px;
  position: absolute;
  left: 0;
  top: 0;
  transition: left 2s linear;
}

JavaScript代碼：

var scrollImage = document.querySelector('.scroll-image');
var scrollContainer = document.querySelector('.scroll-container');
var scrollDistance = scrollContainer.offsetWidth;
scrollImage.style.left = -scrollDistance + 'px';
function scrollImageToTheRight() {
  if (scrollImage.style.left >= 0) {
    scrollImage.style.left = -scrollDistance + 'px';
  } else {
    scrollImage.style.left = scrollImage.style.left + 1 + 'px';
  }
}
scrollContainer.addEventListener('scroll', scrollImageToTheRight);

在這個示例中，我們創(chuàng)建了一個名為.scroll-container的容器，用于容納滾動圖片，容器的高度和寬度可以根據(jù)需要調(diào)整，我們創(chuàng)建了一個名為.scroll-image的圖片，并將其設(shè)置為***定位，以便可以在容器內(nèi)部自由移動，通過CSS過渡效果，我們可以讓圖片在2秒內(nèi)平滑地移動到右側(cè)，我們使用JavaScript代碼來監(jiān)聽容器的滾動事件，并根據(jù)需要更新圖片的位置。