CSS3是一種非常強大的技術，它可以讓我們實現(xiàn)各種效果，其中包括讓圖片抖動。下面我們就來看看如何利用CSS3讓圖片抖動。

/* 首先，我們需要先定義一個抖動的關鍵幀 */ 
@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); }
}
/* 然后，我們將抖動動畫應用到圖片上 */ 
img {
animation-name: shake;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}

在上面的代碼中，我們定義了一個名為shake的關鍵幀，這個關鍵幀中包含了我們要實現(xiàn)的抖動效果。然后，我們將這個關鍵幀應用到圖片上，通過animation-name、animation-duration、animation-timing-function和animation-iteration-count四個屬性來控制動畫的細節(jié)。

現(xiàn)在，你可以嘗試將上面的代碼復制到你的CSS文件中，并應用到你的圖片上。如果一切正常，你應該能夠看到你的圖片開始抖動了。

當然，如果你想讓你的圖片抖動的更激烈一些，你可以調整關鍵幀中的transform屬性，以及animation-duration和animation-iteration-count屬性。

總之，CSS3是一項非常有用的技術，通過它，我們可以輕松實現(xiàn)各種效果，包括讓圖片抖動。如果你還沒有用上CSS3，現(xiàn)在就是開始的好時機。