CSS是网页设计中不可或缺的一部分。使用CSS可以为网页添加各种各样的效果，如字体、颜色和边框等。而今天我们要介绍的是如何使用CSS实现图片抖动。

img {
position: relative;
animation: shake 0.5s linear infinite;
}
@keyframes shake {
0% {transform: translate(0,0) rotate(0deg);}
10% {transform: translate(-10px,0) rotate(-5deg);}
20% {transform: translate(10px,0) rotate(5deg);}
30% {transform: translate(-10px,0) rotate(-5deg);}
40% {transform: translate(10px,0) rotate(5deg);}
50% {transform: translate(-10px,0) rotate(-5deg);}
60% {transform: translate(10px,0) rotate(5deg);}
70% {transform: translate(-10px,0) rotate(-5deg);}
80% {transform: translate(10px,0) rotate(5deg);}
90% {transform: translate(-10px,0) rotate(-5deg);}
100% {transform: translate(0,0) rotate(0deg);}
}

如上所示，我们首先要设定图片的position属性为relative，这是因为我们使用了transform属性来移动图片，需要以当前位置为基准进行变化。然后，我们设置了动画效果，使用了animation属性，其中shake指的是动画名称，0.5s表明动画时长，linear表示动画执行方式为匀速，infinite表示动画无限循环。

最后，我们在关键帧声明中调整了图片的位置和旋转角度，这样就可以实现图片抖动的效果了。