今天我們來聊聊CSS中如何滾動圖片。在CSS中，我們可以使用一些屬性和值來實現這樣的效果。 首先，我們需要有一些圖片。我們可以在HTML中使用img標簽將圖片添加到頁面中。像這樣：

<img src="image.jpg">

然后，我們需要一個包含圖片的div。我們可以使用CSS中的overflow屬性來設置這個div的滾動：

div {
width: 500px;
height: 300px;
overflow: auto;
}

上面的代碼中，我們設置了一個500像素寬、300像素高的div，并使用了overflow:auto來告訴瀏覽器在div內顯示內部內容時應該滾動。這些圖片就可以被放置在這個div中。 接下來，我們需要使用CSS的動畫屬性讓圖片滾動。我們可以使用 CSS3 中的@keyframes 動畫來實現。像這樣：

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

上面的代碼中，我們定義了一個名為slide的動畫，它從0%到100%設有不同的狀態：在0%時，圖片的位置是在最左邊（即translateX(0)）；在100%時，圖片的位置是在最右邊（即translateX(-100%)）。這個動畫的效果就是將圖片向左滾動。 最后，我們需要將這個動畫應用到圖片上。我們可以使用CSS的animation屬性來設置：

img {
animation: slide 2s linear infinite;
width: 500px;
height: 300px;
}

上面的代碼中，我們將slide動畫應用到了所有的img標簽上，使得圖片向左滾動。其中，2s是動畫的持續時間，linear是動畫的緩動類型，infinite表示動畫應該無限循環。 好了，這就是使用CSS滾動圖片的基本方法。通過結合以上三個步驟，我們就可以實現簡單但是有趣的圖片滾動效果了。