CSS圖片左右輪播是web設計中非常常見且實用的功能，以下是一個使用CSS實現的圖片左右輪播代碼：

.slider{
overflow: hidden; /* 隱藏溢出部分 */
white-space: nowrap; /* 不換行 */
}
.slide{
display: inline-block; /* 在同一行內排列 */
margin-right: 20px; /* 圖片之間的間距 */
vertical-align: middle; /* 圖片垂直居中 */
transition: transform 0.5s ease; /* 過渡動畫效果 */
}
.slider:hover .slide{
transform: translateX(-100px); /* 鼠標懸停時滑動動畫效果 */
}
.slider:hover .slide:last-child{
margin-right: 0; /* 最后一張圖片無間距 */
}

上述代碼通過設置overflow:hidden隱藏多余的部分、white-space:nowrap不換行、display:inline-block同行，并使用margin-right達到圖片間距，還有過渡動畫效果，使得圖片切換平滑美觀。同時，使用:hover懸停效果，實現左右滑動。需要注意的是，需將最后一張圖片的margin-right:0消除間距。