在網站開發中，常常需要給元素添加陰影效果來增加其立體感，讓頁面更加美觀。然而，有些時候，我們需要在元素的陰影上添加另外一個陰影效果，讓元素看起來更加層次感。這時候，就需要使用CSS的多重陰影效果。

在CSS中，我們可以使用box-shadow屬性來添加元素的陰影效果。例如，下面的代碼可以在元素的下方添加一個淡灰色的陰影：

.box{
box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
}

上面的代碼中，0px表示陰影的水平偏移量，10px表示陰影的垂直偏移量，10px表示陰影的模糊半徑，而rgba(0,0,0,0.3)表示陰影的顏色和透明度。

多重陰影效果則是在一個元素上添加多種不同的陰影效果。例如，下面的代碼給元素添加了兩種不同的陰影效果：

.box{
box-shadow: 
0px 10px 10px rgba(0,0,0,0.3), 
0px 20px 20px rgba(0,0,0,0.2);
}

上面的代碼中，我們使用逗號分隔了兩個不同的陰影效果。第一個陰影效果是淡灰色的、垂直偏移為10像素的陰影，而第二個陰影效果是更淡的、垂直偏移為20像素的陰影。

需要注意的是，每個陰影效果之間都需要使用逗號分隔，而且陰影效果的順序與其在CSS代碼中的順序相同。也就是說，在上面的代碼中，第一個陰影效果會被第二個陰影效果覆蓋，因為它們的位置上第二個陰影效果在前。

總之，CSS的陰影效果是非常靈活的，可以通過添加多個陰影效果來實現更加絢麗的效果。不過需要謹慎使用，避免過度設計導致頁面過于花哨、加載速度變慢等問題。