CSS圖片左右滾動是一個常見的網頁特效，可以讓頁面更加生動，讓人眼前一亮。下面介紹一下如何使用CSS寫出圖片左右滾動的代碼。

/* CSS代碼開始 */
.container {
width: 600px;  /* 容器寬度 */
overflow: hidden;  /* 超出容器范圍的部分隱藏 */
white-space: nowrap;  /* 禁止換行 */
}
.container img {
display: inline-block;  /* 圖片變成行內塊，可設置寬高 */
margin-right: 20px;  /* 圖片之間的間距 */
}
.scroll {
animation: scroll 15s linear infinite;  /* 滾動動畫，循環播放 */
}
@keyframes scroll {
0% { transform: translateX(0); }  /* 初始狀態，圖片向左偏移 */
100% { transform: translateX(-900px); }  /* 最終狀態，圖片向左偏移900px */
}
/* CSS代碼結束 */

上述代碼中，類名為“container”的DIV是一個圖片容器，設置寬度為600px，溢出部分隱藏，禁止換行。類名為“scroll”的樣式是滾動動畫，使用了CSS3中的關鍵幀（@keyframes）特性，實現了圖片向左滾動的效果。時間為15s，速度為linear，循環無限次，圖片向左偏移的距離為900px。

需要滾動的圖片通過HTML中的<img>標簽設置地址和寬度，通過設置類名為“.scroll”，應用了上述滾動動畫。

以上就是CSS圖片左右滾動代碼的簡單示例，可以根據實際需求自行調整相關參數，實現更加豐富的滾動效果。希望對大家有所幫助！