CSS3中，我們可以通過鼠標滑過效果來為元素添加陰影效果。這種效果可以通過使用box-shadow屬性來實現。

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

在上面的代碼中，我們首先給.box類添加了box-shadow屬性，它的值包括四個參數：陰影的偏移量、模糊半徑、陰影的擴散半徑和顏色。在這個例子中，我們僅僅使用了前三個參數，最后一個參數設置了透明度。

接著，通過:hover偽類選擇器，我們為.box添加了一個鼠標滑過效果。當鼠標在元素上方滑動時，box-shadow的值會從之前的10px模糊半徑升級到20px，陰影范圍變大，整個元素產生了明顯的立體感。

這是CSS3中常用的一種陰影效果，可以大幅提高UI界面的美觀度，為網頁設計者提供極大的便利。