CSS圖片無限橫向移動是一種很酷的效果，可以讓網頁更加生動活潑。下面我們來學習如何實現這一效果。

/* CSS代碼 */
.container {
position: relative;
overflow: hidden;
}
.img-wrapper {
position: absolute;
animation: move 10s linear infinite;
}
.img {
width: 100%;
height: 100%;
}
@keyframes move {
0% {
left: 0;
}
100% {
left: -100%;
}
}

解釋：

• 首先，我們需要一個包含圖片的容器，這里我們用.container作為容器。
• 接下來，我們將.container的overflow屬性設置為hidden，這樣就可以隱藏圖片超出容器的部分，而只顯示容器的部分。
• 然后，我們需要一個用于容納圖片的子容器，這里我們用.img-wrapper。
• 接著，我們使用position:absolute將.img-wrapper設置為絕對定位，在.container容器中的位置由top和left屬性決定。
• 我們還需要用動畫來使圖片無限橫向移動，這里我們創建了一個名為move的動畫。在動畫中，我們讓圖片從left:0移動到left:-100%。
• 最后，我們將動畫應用到.img-wrapper上，讓圖片無限橫向移動。

通過上述代碼，我們就實現了CSS圖片無限橫向移動。這個效果可以用在輪播圖、背景等地方，讓網頁更加生動有趣。