CSS鼠標移上去顯示遮罩是一種常見的網頁交互設計，在網頁美化中常常用到。我們可以使用CSS來實現這個效果，讓頁面更加生動有趣。

/* 定義遮罩樣式 */
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
/* 當鼠標移上去時，遮罩透明度變為1 */
.container:hover .overlay {
opacity: 1;
}

在這段代碼中，我們首先定義了一個遮罩層，它使用了絕對定位（position: absolute）并設置了寬度和高度都為100%，即鋪滿整個父容器。遮罩的背景色使用了半透明的黑色（rgba(0, 0, 0, 0.5)），這樣可以讓原先的內容透過來，但是變暗了一些。

接下來，我們定義了一個容器，當鼠標移上去時，會觸發里面的遮罩層的 opacity 屬性從 0 到 1 的變化，這個過程使用了動畫（transition: opacity 0.5s ease-in-out）使得變化更加平滑。

總的來說，這段代碼實現了在鼠標移動到容器上時，讓遮罩層浮現的效果。這樣的效果在網頁設計中非常常見，用處也非常廣泛，可以提升頁面的視覺效果和交互性。我們可以根據需要進行調整，比如改變遮罩的背景顏色、透明度、動畫速度等等。