CSS是一種很強大的工具，可以實現各種各樣的效果。其中，實現div抖動也是一種很常見的需求。下面我們來看看怎么用CSS實現div抖動。

div {
position: relative;
animation-name: shake;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
@keyframes shake {
0% { left: 0; }
20% { left: 10px; }
40% { left: -10px; }
60% { left: 10px; }
80% { left: -10px; }
100% { left: 0; }
}

首先，我們需要將要抖動的div設置為相對定位，這樣才能對它進行動畫處理。

然后，我們需要定義一個名為“shake”的動畫，用于實現抖動效果。在該動畫中，我們通過設置left值來使div在水平方向上抖動。

最后，將動畫應用給div即可。通過設置animation-name、animation-duration、animation-timing-function以及animation-iteration-count屬性，我們可以控制動畫的名稱、持續時間、緩動函數以及重復次數。

是不是很簡單？通過以上步驟，我們就可以輕松地實現div抖動效果了。