CSS是一門強大的前端技術，可以用CSS制作出各式各樣的頁面效果，其中之一就是滾動圖片的效果。下面我們將介紹如何使用CSS來制作滾動圖片。

首先，我們需要一個包含多張圖片的容器，并設定其高度和寬度：

.container{
height:200px;
width:500px;
overflow:hidden;
}

接下來，我們需要給這個容器里的所有圖片加上一些樣式，使其按順序排成一行：

.container img{
float:left;
height:200px;
width:500px;
}

然后，我們需要使用CSS的動畫屬性keyframes來定義圖片滾動的動畫效果：

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

接下來，我們需要設置容器內所有圖片的動畫屬性：

.container img {
animation: scroll 10s linear infinite;
}

現在，我們已經成功地創建了一個滾動圖片的效果，圖片將會按照設定的動畫效果水平滾動。如果想要停止滾動，只需要將容器的overflow設置成hidden即可。

綜上所述，這就是使用CSS制作滾動圖片的方法，可以幫助我們為網站添加更多的視覺效果。