CSS是前端開發中非常重要的一部分，其中涉及到許多有趣的效果。比如，我們今天要講的就是如何使用CSS設置div抖動的效果。

這是一個會抖動的div

如上所示，我們定義了一個class為shake的div，并使用CSS中的animation屬性來讓它產生抖動的效果。

首先，我們將其position屬性設置為relative，這是由于我們稍后要對其做相對位置變化。然后，我們定義了一個名為shake的動畫，并將其關聯到div中。

在動畫中，我們設置了5個關鍵幀，并使用translateX函數對其做水平位置的變換。在0%和100%的關鍵幀，我們讓div保持不動，而在25%、50%、75%這3個關鍵幀的位置，我們讓div分別向左、向右、向左運動，即產生了抖動的效果。

最后，我們將animation的屬性值設置為shake，也就是讓div運行我們定義的shake動畫，同時將其重復播放（設置infinite屬性）。

這樣，我們就成功地讓div產生了抖動的效果。