CSS3是一種非常強大的設計語言，可以實現許多有趣的動態效果。其中，左右搖晃效果是一種經典的動畫效果，可以為網頁添加更多趣味性和視覺效果。

/*左右搖晃效果的CSS代碼*/
.shake {
animation: shake 0.5s ease-in-out infinite;
}
@keyframes shake {
0% {transform: translateX(0);}
20% {transform: translateX(-10px);}
40% {transform: translateX(10px);}
60% {transform: translateX(-10px);}
80% {transform: translateX(10px);}
100% {transform: translateX(0);}
}

在上面的代碼中，“shake”是動畫的名稱，“animation”屬性指定動畫的屬性值。“ease-in-out”的意思是動畫在開始和結束時慢慢加速，并在中間時慢慢減速。“infinite”表示動畫將一直播放下去。

在“@keyframes”規則內，可以使用百分比值來表示動畫效果的持續時間，從而控制圖像的過渡效果。在這個左右搖動的示例中，使用“transform”屬性和“translateX”函數來設置圖像的水平移動效果。

需要注意的是，如果想要實現垂直方向上的移動效果，可以使用“translateY”函數。

與其他CSS3動畫效果一樣，左右搖晃效果可以應用于文本、圖片和其他對象。只需要在HTML元素上應用相應的CSS類，“shake”即可觸發動畫效果。

總之，CSS3的左右搖晃效果可以使網頁更具動感和生動性，為用戶帶來更加愉悅的瀏覽體驗。