CSS3陰影鼠標效果是一種常用的網頁設計效果，可以增加頁面元素的立體感和視覺層次。下面我們來介紹一下如何實現這種效果。

.shadow {
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.shadow:hover {
box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
}

上面的代碼是實現CSS3陰影鼠標效果的核心代碼。首先我們給需要添加陰影效果的元素添加一個類名為shadow的樣式，設置box-shadow屬性為2px 2px 5px rgba(0,0,0,0.3)。其中2px和2px表示水平和垂直陰影的偏移量，5px表示模糊半徑，rgba(0,0,0,0.3)表示陰影的顏色和透明度。

另外，我們還需要針對鼠標懸停時的效果進行設置。我們在.shadow后添加:hover偽類，將box-shadow屬性的值改為4px 4px 10px rgba(0,0,0,0.5)。這樣在鼠標懸停時，陰影效果會更加突出，立體感更強。

除了以上的基本設置，我們還可以通過調整box-shadow的參數，實現更加豐富多樣的陰影效果。例如，增加陰影的距離和大小可以讓元素看起來更加立體；調整陰影的透明度和顏色可以讓陰影效果更加柔和或更加突出。在實際應用中，我們可以根據實際需求進行調整。