在現代網頁設計中，鼠標經過的背景效果是常見的一種設計元素。我們可以使用 CSS3 來實現這種效果，使得頁面更加動態和有吸引力。

.hover-effect {
background-color: #ccc;
transition: background-color 0.2s ease;
}
.hover-effect:hover {
background-color: #f00;
}

上述代碼是一個簡單的鼠標經過效果的例子。我們給一個 HTML 元素添加了一個類 "hover-effect"，并給它一個灰色的背景顏色。接著，我們為這個類添加了一個過渡效果，使得背景顏色在經過時過渡到另一個顏色。這樣，在鼠標經過這個元素時，其背景顏色就會變成紅色。

當然，我們還可以使用其他 CSS3 屬性來實現更加炫酷的效果，如 box-shadow、transform、text-shadow 等。

.hover-effect {
box-shadow: 0 0 10px #ccc;
transition: box-shadow 0.2s ease;
}
.hover-effect:hover {
box-shadow: 0 0 20px #f00;
}

上述代碼則使用了 box-shadow 屬性來為元素添加了一個陰影效果。在經過時，陰影的大小也會隨之變化，從而產生更加動態的效果。

總的來說，鼠標經過背景效果是一種簡單卻實用的設計元素，我們可以借助 CSS3 來實現各種各樣的效果，使得頁面更加生動有趣。