在網頁設計中，經常會遇到懸停效果。然而，當鼠標懸停于某個元素時，可能會出現抖動的情況。下面介紹如何通過 CSS 防止懸停抖動。

首先，需了解一下抖動的原因。通常來說，抖動是由于當網頁從沒有懸停狀態變為懸停狀態時，頁面布局的改變導致的。為了防止這種布局的變化而導致的抖動，可以采用以下措施來調整 CSS。

&:hover {
transform: translate(0, 1px);
}

在該 CSS 中，translate 屬性會將元素在縱向上移動 1px，以使元素在懸停狀態下仍占據與非懸停狀態相同的空間。由于該移動只有 1px，因此用戶幾乎不會感受到元素的移動。

重要的是，此方法需要在樣式表中將改進應用于每個存在的懸停樣式。因此，這只適用于較小的站點，而對于大型站點來說，可能不是最佳選擇。

總之，使用上述 CSS 可以有效防止懸停抖動。但是，需要根據不同的網頁特點靈活運用來達到最佳效果。