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图片左右晃动的动画效果。