CSS是前端開發中不可或缺的一部分，它可以讓網頁的樣式更加美觀和動態。現在，我們來學習一下如何使用CSS讓圖片滾動。

代碼如下：
#scroll {
width: 800px;
height: 400px;
overflow: hidden;
position: relative;
}
#scroll img {
width: 100%;
height: 400px;
position: absolute;
animation: scroll 15s infinite;
}
@keyframes scroll {
0% {
opacity: 0;
transform: translateX(-50%);
}
10% {
opacity: 1;
transform: translateX(0);
}
90% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(50%);
}
}

首先，我們需要一個容器來包裹圖片，并設置該容器的寬度和高度。然后，我們需要給容器設置overflow:hidden屬性，以隱藏超出容器區域的內容。接著，我們給圖片設置絕對定位，并使用CSS3動畫讓它們在容器內滾動。

具體來說，我們使用@keyframes規則來創建動畫，定義了圖片的透明度和位置在不同時間點上的變化，實現了圖片的滾動效果。其中，animation屬性用來控制動畫的持續時間、運動方式等。

這就是使用CSS讓圖片滾動的基本方法。如果你想實現更復雜的滾動效果，可以通過控制關鍵幀來實現不同的動畫效果。