CSS图像抖动效果是一种常用的图像动画效果，可以增加网站页面的动态性和吸引力。下面，我们将向您介绍如何使用CSS代码来实现图像左右晃动的效果。
/* 设置图片风格 */
图像{
位置：相对；
动画：摆动2s无限；
/* 关键帧动画 */
@关键帧摆动{
0% { 左：0; }
50% { 左：10px; }
100% { 左：0; }
}
}首先，我们需要设置图像的风格。通过将图像的position属性设置为relative，可以使图像相对其原始位置向左、向右偏移。同时，我们需要通过animation属性引入关键帧动画。
接下来，我们需要定义关键帧动画。使用@keyframes关键字定义一个名为swing的动画，并设置三组动画关键帧。第一组关键帧（0%）表示图片处于起始位置，这里我们设置为0；第二组关键帧（50%）表示图片向右移动10个像素；第三组关键帧（100%）表示画面回到起始位置0。
最后，我们可以通过将animation的infinite属性设置为infinite，让动画无限重复。
通过上面的代码，我们成功实现了CSS图片左右晃动的动画效果。
