CSS中圖片左右滾動是網頁設計中經常使用的一種效果。通過CSS代碼，可以讓圖片在頁面中左右滾動，讓網站頁面更加動態和吸引人。

<div class="scroll-container">
<img src="image.jpg" alt="Scrolling Image">
</div>
.scroll-container {
overflow-x: scroll;
white-space: nowrap;
}
.scroll-container img {
display: inline-block;
}

以上是實現這一特效的基本HTML和CSS代碼。其中，我們將需要滾動的圖片放在一個類名為“scroll-container”的容器中。通過CSS，我們設置了該容器為具有水平滾動條的滾動模式，同時設置了不換行的文本格式，從而實現圖片水平滾動的效果。

圖片滾動的速度可以通過給容器添加動畫效果實現。我們可以使用CSS3的animation屬性來實現動畫效果。比如：

.scroll-container {
overflow-x: scroll;
white-space: nowrap;
animation: scroll 20s linear infinite;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

上述代碼將實現一個持續20秒、勻速滾動的效果，其中@keyframes關鍵字用于創建與CSS動畫配合使用的關鍵幀。

值得注意的是，在實現這種特效時，需要注意圖片的大小和布局，避免圖片過大或過小導致滾動效果不夠自然。此外，網站的性能也可能受到影響，因此應該在實現過程中注意優化代碼，避免過多的資源消耗。

總體來說，CSS中圖片左右滾動是一種簡單而有趣的網頁設計效果，可以讓網站頁面更加活躍和吸引人。希望本篇文章對你有所幫助！