CSS3 樣式疊加是一種非常常見(jiàn)的技術(shù)，可以讓我們?cè)诰W(wǎng)頁(yè)開(kāi)發(fā)中實(shí)現(xiàn)各種漂亮的效果，比如漸變、圓角、陰影等等。下面我們來(lái)看一下如何使用 CSS3 樣式疊加。

/* 漸變效果 */
background: linear-gradient(to bottom,#1E90FF,#87CEEB);
/* 圓角 */
border-radius: 5px;
/* 陰影 */
box-shadow: 0 0 5px #ccc;
/* 透明度 */
opacity: 0.8;

以上代碼展示了幾種常用的 CSS3 樣式疊加技術(shù)。其中，漸變效果可以通過(guò)設(shè)置 background 屬性實(shí)現(xiàn)，可以設(shè)置兩種或多種顏色，實(shí)現(xiàn)水平或垂直漸變。圓角可以通過(guò)設(shè)置 border-radius 屬性實(shí)現(xiàn)，數(shù)值越大，圓角越大。陰影可以通過(guò)設(shè)置 box-shadow 屬性實(shí)現(xiàn)，第一個(gè)屬性值控制陰影橫向偏移量，第二個(gè)屬性值控制陰影縱向偏移量，第三個(gè)屬性值控制陰影的模糊程度，第四個(gè)屬性值控制陰影顏色。透明度可以通過(guò)設(shè)置 opacity 屬性實(shí)現(xiàn)，取值范圍為 0-1，數(shù)值越小越透明。

除此之外，CSS3 還有很多其他的樣式疊加技術(shù)，比如旋轉(zhuǎn)、縮放、平移等等，可以幫助我們實(shí)現(xiàn)更加復(fù)雜的效果。需要注意的是，CSS3 樣式疊加雖然強(qiáng)大，但是也會(huì)造成頁(yè)面加載時(shí)間的增加，因此需要合理使用，避免過(guò)度使用。