CSS3的陰影效果提供了很多種選擇，其中疊加陰影效果更是讓網(wǎng)頁設(shè)計(jì)者大有施展的余地，有了陰影效果的加入，網(wǎng)頁的層次感和立體感更加突出，視覺效果也更加生動(dòng)精彩。

要實(shí)現(xiàn)疊加陰影效果，我們可以采用CSS3的box-shadow屬性，以此來添加陰影效果。

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

上面的代碼表示在一個(gè)class為box的元素上添加三層疊加陰影，分別為內(nèi)部展開式陰影、擴(kuò)散式陰影和外部擴(kuò)散式陰影。疊加陰影的效果是由多個(gè)陰影疊加而成，產(chǎn)生不同程度的模糊效果，以實(shí)現(xiàn)更加立體的視覺效果。

使用box-shadow屬性可以靈活控制陰影的顯示方式，通過設(shè)置參數(shù)的不同組合，可以產(chǎn)生出多種風(fēng)格的陰影效果。我們還可以使用box-shadow的inset參數(shù)來實(shí)現(xiàn)內(nèi)陰影效果，以增加網(wǎng)頁設(shè)計(jì)的變化性。

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

上面代碼演示了設(shè)定class為box-inset的元素內(nèi)部展開式陰影和擴(kuò)散式陰影的效果，注意到在設(shè)置第一個(gè)陰影參數(shù)時(shí)，我們加上了inset參數(shù)，意味著定義了內(nèi)陰影的效果。

總的來說，CSS3提供的疊加陰影功能極大地豐富了網(wǎng)頁設(shè)計(jì)師的設(shè)計(jì)選擇，通過巧妙地設(shè)置參數(shù)，我們可以創(chuàng)造出更加生動(dòng)精彩的網(wǎng)頁設(shè)計(jì)效果。