CSS是一種用于網(wǎng)頁設(shè)計的語言，它可以為網(wǎng)頁元素添加各種效果，其中就包括讓圖片抖動的效果。下面我們來了解一下如何用CSS來實(shí)現(xiàn)這一效果。

/*首先，我們需要將圖片的位置設(shè)為相對定位*/
img {
position: relative;
}
/*然后，我們定義一個關(guān)鍵幀動畫，這里我們將圖片向左右晃動*/
@keyframes wiggle {
0% {
left: 0;
}
25% {
left: -5px;
}
50% {
left: 0;
}
75% {
left: 5px;
}
100% {
left: 0;
}
}
/*最后，我們將動畫應(yīng)用于圖片*/
img:hover {
animation: wiggle 0.5s ease-in-out infinite;
}

上面的代碼中，我們先將圖片設(shè)為相對定位，然后定義了一個關(guān)鍵幀動畫，通過改變left屬性的值來實(shí)現(xiàn)晃動的效果。最后，我們將動畫應(yīng)用于圖片的:hover狀態(tài)，這樣當(dāng)鼠標(biāo)懸停在圖片上時，就能看到圖片晃動的效果。

通過上述代碼，我們就可以輕松地實(shí)現(xiàn)讓圖片抖動的效果了，同時也能為網(wǎng)頁增添一些動態(tài)的元素。