在CSS中設(shè)置滾動的圖片，可以通過使用@keyframes規(guī)則來創(chuàng)建動畫，將圖片綁定到動畫上，從而實現(xiàn)滾動效果，下面是一些詳細的步驟：

1、創(chuàng)建一個新的CSS動畫。

2、將圖片作為背景圖像添加到動畫中。

3、設(shè)置動畫的關(guān)鍵幀，以便圖片可以滾動到所需的位置。

4、將動畫應(yīng)用到HTML元素上，該元素將包含滾動的圖片。

下面是一個示例代碼，展示了如何在CSS中設(shè)置滾動的圖片：

@keyframes scroll-image {
  0% { background-position: 0; }
  100% { background-position: -500px; }
}
.scroll-image-container {
  width: 300px;
  height: 200px;
  background-image: url('path-to-your-image.png');
  background-repeat: no-repeat;
  animation: scroll-image 5s linear;
}

在這個示例中：

@keyframes scroll-image 定義了一個名為scroll-image的動畫，其中背景圖像從0%到100%逐漸滾動到左側(cè)-500px的位置。

.scroll-image-container 是一個HTML元素，其背景圖像設(shè)置為path-to-your-image.png，并且應(yīng)用了scroll-image動畫。

你可以根據(jù)需要調(diào)整動畫的持續(xù)時間、滾動距離以及HTML元素的大小和位置，這種方法可以實現(xiàn)圖片的連續(xù)滾動效果，適用于各種網(wǎng)頁設(shè)計需求。