CSS中的圖片垂直滾動可以通過使用CSS屬性和動畫來實現(xiàn)。這種技術(shù)通常應(yīng)用于網(wǎng)站的滾動條，以使其更具交互性和吸引力。

/*設(shè)置外容器的高度和寬度，將圖片垂直滾動*/
.container {
height: 500px;
width: 800px;
overflow-y: scroll;
}
/*設(shè)置每個圖片的高度和寬度*/
.container img {
height: 300px;
width: 700px;
}
/*使用動畫效果設(shè)置垂直滾動的速度和方向*/
@keyframes scroll {
from { transform: translateY(0); }
to { transform: translateY(-100%); }
}
.container img {
animation: scroll 2s linear infinite;
}

在這里，我們創(chuàng)建了一個容器，它允許在窗口內(nèi)垂直滾動。然后，我們設(shè)置了每個圖片的高度和寬度，以便它們適應(yīng)容器的大小。最后，我們運(yùn)用CSS動畫屬性，將每個圖片向上滾動，使其看起來像一個無限循環(huán)的滾動條。

注意，圖片必須沿著容器的Y軸方向滾動。如果您想設(shè)置水平滾動，只需將容器的寬度設(shè)置為適當(dāng)?shù)拇笮。L動方向更改為水平。

這是一個簡單的CSS技巧，可以幫助您將您的網(wǎng)站變得更具吸引力。讓我們運(yùn)用它，為你的網(wǎng)站添加一些風(fēng)格吧！