CSS3層疊效果

CSS3是一種新一代的樣式表語言，可以為網頁增添各種各樣的效果，其中包括了很多層疊效果。層疊效果能夠讓頁面的元素更加生動，也能夠提升用戶體驗，是CSS3中很重要的一部分。

層疊效果有很多種，包括透明度、陰影、邊框等等。下面我們來介紹一些常用的層疊效果。

透明度

opactiy:0.5;

上面的代碼可以將某個元素的透明度設置為0.5，范圍是0-1，0表示完全透明，1表示完全不透明。

陰影效果

box-shadow: 5px 5px 5px #888888;

上面的代碼可以為某個元素添加陰影效果，其中第一個參數是水平位移，第二個參數是垂直位移，第三個參數是陰影的模糊半徑，第四個參數是陰影顏色。

邊框效果

border-radius: 5px;

上面的代碼可以為某個元素設置圓角邊框效果，其中的數值可以自己調整。

總而言之，層疊效果可以讓網頁更加生動，同時也可以讓用戶體驗更佳。需要注意的是，在使用層疊效果的時候要注意不要過度使用，否則頁面會變得花哨而難以閱讀。