鼠標移動出現陰影是一種常見的css效果。通過使用:hover選擇器和box-shadow屬性，我們可以輕松地實現這種效果。

首先，我們需要為元素添加:hover選擇器，這樣當鼠標移到元素上時，即可觸發效果。接下來，我們可以使用box-shadow屬性為元素添加陰影。該屬性可接受多個參數，用于定義陰影的位置、模糊度、大小以及顏色等信息。

下面是一個基本的示例：

.box {
width: 200px;
height: 200px;
background-color: #fff;
transition: box-shadow 0.3s ease;
}
.box:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

注釋：

該示例中，我們首先定義一個.box元素，并將其背景色設置為白色。我們還使用transition屬性為陰影添加或刪除動畫效果，使得陰影的出現和消失更加平滑。然后，當鼠標移到元素上時，我們為其添加一個box-shadow屬性，使其在元素后面投射出一個半透明黑色陰影。該屬性的值為0 0 10px rgba(0, 0, 0, 0.5)。其中，前三個參數用于定義陰影的位置和模糊度，而最后一個參數用于定義陰影的顏色和透明度。這里使用的是rgba()函數，其中的a參數表示透明度，取值范圍為0~1。

使用鼠標移動出現陰影是一種簡潔而有趣的效果，可用于增強用戶體驗，并為網站添加一份生動感。通過適當調整box-shadow屬性的值，我們還可以創建出各種形式的陰影效果，例如內陰影、多重陰影等等。