現在，CSS3已經成為前端開發中的一項基本技術，它為網頁設計師帶來了許多強大的特性。其中一項很受歡迎的特性就是滾動圖片。

為了讓頁面更加動態，我們可以使用CSS3來創建滾動圖片的效果。通過設置關鍵幀（keyframes），我們可以控制圖片的滾動方向和速度。

@keyframes scroll {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
.image {
height: 300px;
overflow: hidden;
}
.image img {
height: 100%;
animation: scroll 10s ease infinite;
}

在上面的代碼中，我們定義了一個名為scroll的關鍵幀，它將圖片向上滾動100%。然后將這個關鍵幀應用于圖片，設置動畫效果為10秒，緩動函數（ease）為默認值，以無限循環的方式播放。

為了能夠讓圖片在容器中滾動，我們還需要給容器設置一個固定的高度，并將overflow屬性設置為hidden。這樣就能實現圖片在容器中循環滾動了。

在頁面中，我們可以使用如下的HTML代碼來插入滾動圖片：

<div class="image">
<img src="image.png" alt="Scrolling Image">
</div>

通過一些簡單的CSS代碼，我們就可以為網頁添加滾動圖片的動態效果，讓頁面更加生動有趣。