CSS3 Hover 抖動是在 web 開發中常用的一種動畫特效，它可以在用戶鼠標懸浮在元素上時，讓元素呈現一種抖動的效果，從而增加頁面的趣味性和吸引力。

要實現 CSS3 Hover 抖動的效果，需要使用一些 CSS3 的特性，其中最主要的是 transition 和 transform。

.hover {
transition: all .3s;
}
.hover:hover {
transform: translateX(-2px);
}
.hover:hover {
transform: translateX(2px);
}

上述代碼中，我們給元素添加了一個 hover 的類名，然后在樣式中設置了 transition 屬性，它的作用是讓元素的樣式變化呈現出一種平滑的過渡效果。接著，在 hover 狀態下，我們對元素應用了 translateX 的變換，它可以讓元素在水平方向上移動，從而呈現出一種抖動的效果。

除了上述的代碼，還有一些其他的實現方式，例如使用 keyframes 來創建一個動畫序列，然后將它應用到元素上，從而實現 CSS3 Hover 抖動的效果。

@keyframes shake {
0% { transform: translateX(0); }
20% { transform: translateX(-10px); }
40% { transform: translateX(10px); }
60% { transform: translateX(-10px); }
80% { transform: translateX(10px); }
100% { transform: translateX(0); }
}
.hover {
animation: shake .5s;
}

上述代碼中，我們定義了一個關鍵幀動畫 shake，它包含了一些不同狀態下元素的 transform 變換，通過將 animation 屬性應用到元素上，即可讓元素實現 CSS3 Hover 抖動的效果。

總之，無論是使用 transition 還是 keyframes，CSS3 Hover 抖動都是一種非常實用和有趣的動畫特效，它可以為 web 頁面增添活力和吸引力，讓用戶更愿意停留在頁面上。