在網頁設計中，我們經常會用到一些鼠標懸浮的效果，比如圖片、按鈕等等，其中常見的一種就是當鼠標懸浮在某個元素上時，該元素會變大，這種效果可以通過CSS輕松實現。

&:hover {
transform: scale(1.2);
}

以上代碼是一個簡單的CSS樣式。當我們鼠標在元素上懸停時，它會通過transform屬性使元素放大1.2倍。

需要注意的是，該效果中的transition過渡效果非常重要，這可以讓變化不是突兀的，并給用戶帶來舒適的體驗。同時，我們可以在:hover之前加上一個延時時間，這樣效果會更好。

transition: all 0.3s ease-out;
&:hover {
transform: scale(1.2);
}

以上代碼將過渡效果的時間設為了0.3秒，這樣變化會更平滑，鼠標懸浮在元素上時，它會在0.3秒內慢慢變大。

除了簡單的放大效果，我們還可以通過CSS實現更多形形色色的鼠標懸浮效果，比如旋轉、移動等等，只需要靈活運用CSS屬性就能輕松實現。

總的來說，CSS的鼠標懸浮效果可以為我們的網頁帶來更多趣味性和交互性，使用戶在使用時更加愉悅和舒適。