CSS圖片左右晃動效果是一種常用的圖片動畫效果，可以增加網站頁面的動態感和吸引力。下面，我們將為大家介紹如何使用CSS代碼實現圖片左右晃動效果。

/* 設置圖片樣式 */
img{
position: relative;
animation: swing 2s infinite;
/* 關鍵幀動畫 */
@keyframes swing {
0% { left: 0; }
50% { left: 10px; }
100% { left: 0; }
}
}

首先，我們需要設置圖片的樣式。通過設置圖片的position屬性為relative，可以使得圖片相對于原本位置向左和向右位置發生偏移。同時，我們需要通過animation屬性來引入關鍵幀動畫。

接下來，我們需要定義關鍵幀動畫。通過使用@keyframes關鍵字來定義一個名為swing的動畫，同時設置三組動畫關鍵幀。第一組關鍵幀（0%）表示圖片在起始位置，這里我們設為0；而第二組關鍵幀（50%）表示圖片向右側偏移10個像素；第三組關鍵幀（100%）表示圖片回到起始位置0。

最后，我們可以通過設置animation的infinite屬性為infinite，來讓動畫無限重復。

通過以上代碼，我們已經成功實現了CSS圖片左右晃動的動畫效果。