CSS圖片左右滾動效果是一種常見的網頁動態展示方式，可以為網頁增加活力和吸引力。CSS實現圖片左右滾動效果有多種方法，這里介紹其中一種簡單、易懂的實現方式。

/*CSS樣式*/
.container {
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
}
.images {
position: absolute;
white-space: nowrap;
top: 0;
left: 0;
animation: scroll 20s linear infinite;
}
.images img {
display: inline-block;
height: 100%;
margin: 0 10px;
}
/*CSS動畫*/
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

以上是CSS樣式和動畫的代碼，接下來我們對代碼進行解析。

首先，我們需要為包含圖片的容器設置一些基本的樣式。這里我們使用了一個類名為.container的div作為容器，設置了寬度為100%，高度為200px，以及overflow:hidden，這樣就能夠隱藏超出容器范圍的圖片。

接下來，我們需要將圖片排成一行并讓它們左右滾動。為了實現這個效果，我們給圖片添加了一個類名為.images的div，并設置了position:absolute和white-space:nowrap屬性，使圖片成為絕對定位元素并在一行排列。我們還設置了top:0和left:0，將圖片的位置設置在容器的左上角。最后，使用了animation屬性定義了一個名為scroll的動畫，并設置了動畫的持續時間、動畫速度和循環次數。

最后，我們需要使用CSS動畫來實現圖片的左右滾動效果。在animation中定義的scroll動畫使用了keyframes關鍵字，表示該動畫的關鍵幀。我們定義了兩個關鍵幀，0%和100%，并使用transform:translateX()屬性將圖片向左移動，從而實現左右滾動的效果。

使用以上的CSS樣式和動畫代碼，就可以實現簡單的CSS圖片左右滾動效果。當然，根據實際需求，還可以添加更多的CSS樣式和動畫效果來美化網頁。