CSS是網頁制作中必不可少的一個重要技術。除了美化網頁布局、控制字體大小、調整頁面排版等方面，CSS還可以實現(xiàn)圖像滾動效果。

/* CSS代碼 */
.scroll{
width: 300px;
height: 200px;
overflow: hidden;
}
.scroll img{
margin-top: 0;
transition: margin-top 1s;
-webkit-transition: margin-top 1s;
}
.scroll:hover img{
margin-top: -200px;
}

如上CSS代碼所示，將圖片容器的高度設為某個固定值，并隱藏溢出部分。將圖片的Margin-top屬性設為0，并設置一個transition屬性以達到平穩(wěn)的動畫效果。

當鼠標懸停在圖片容器上方時，將圖片Margin-top屬性改為負的容器高度值，即向上移動圖片。

通過這樣的CSS設置，就可以實現(xiàn)圖像滾動效果了，簡單靈活，優(yōu)雅美觀。