在實現網頁動態交互效果時，圖片左右移動常常是常見的需求之一。在 CSS 中，可以使用動畫（animation）來實現圖片左右移動的動態效果。在下面的代碼中，我們展示了使用 CSS 動畫實現圖片左右移動的基本代碼：

img {
position: relative; /* 使圖片脫離文檔流 */
animation: moveLeftRight 2s linear infinite; /* 使用 moveLeftRight 動畫，持續時間 2 秒，線性漸變，無限循環 */
}
@keyframes moveLeftRight {
0% {
left: 0;
}
50% {
left: 50%;
}
100% {
left: 0;
}
}

在上述代碼中，我們首先給圖片添加了position: relative;屬性，使其脫離了文檔流。接下來，我們使用animation屬性，指定圖片使用moveLeftRight動畫，持續時間為 2 秒，采用線性漸變，無限循環。這意味著圖片將會以一定速度、一定方式無限循環左右移動。

在動畫的定義中，我們使用了@keyframes規則，定義了動畫的具體實現效果。在這里，我們使用了 0%、50% 和 100% 三個關鍵幀，分別指定了圖片左右移動的實現方式。其中，定義了left屬性在不同百分比數值下的數值大小。0% 對應圖片在左側，50% 對應圖片移動至頁面中間，100% 對應圖片回到左側。

通過上述實現方式，我們可以輕松實現圖片的左右往復移動動畫效果，給網頁增添活力和吸引力。