抖動動畫在CSS3中是一個非常有趣的效果，可以讓網頁變得更加生動。它的實現方式比較簡單，只需要使用transform屬性中的rotate和translate進行組合，就可以很好地實現抖動動畫。比如下面的代碼可以實現一個左右抖動的動畫效果：

.shake{
animation: shake 0.5s;
}
@keyframes shake{
0% {transform: translateX(0);}
50% {transform: translateX(-10px);}
100% {transform: translateX(0);}
}

其中，animation用來綁定動畫效果，shake是自定義的動畫名稱，0.5s是動畫執行的時間。在@keyframes中定義了動畫的三個狀態，也就是從0%到100%的變化，這里使用了translateX屬性來實現左右側抖的效果。 需要注意的是，抖動動畫通常使用的是animation而非transition，因為animation可以進行循環播放，而transition只能執行一次，不能反復播放。 除了左右抖動之外，還可以實現上下抖動、旋轉抖動等多種效果，只需要根據需要來定義不同的@keyframes即可。 總的來說，抖動動畫可以很好地提升網頁的視覺效果，但也需要注意不要過度使用，避免過多的干擾用戶的使用體驗。同時，還需要在移動端進行測試，保證動畫效果的流暢性和穩定性。