在CSS3中，可以使用box-shadow屬性來實現陰影效果。box-shadow屬性可以為元素添加一個或多個陰影，每個陰影由水平偏移、垂直偏移、模糊半徑、擴展半徑和顏色組成。
以下是box-shadow屬性的基本語法：
box-shadow: [horizontal offset] [vertical offset] [blur radius] [spread radius] [color];
horizontal offset（水平偏移）：陰影相對于元素的水平偏移量，正值表示陰影向右偏移，負值表示陰影向左偏移。vertical offset（垂直偏移）：陰影相對于元素的垂直偏移量，正值表示陰影向下偏移，負值表示陰影向上偏移。blur radius（模糊半徑）：陰影的模糊程度，值越大，陰影越模糊。默認值為0，表示無模糊效果。spread radius（擴展半徑）：陰影的擴展程度，正值表示陰影向外擴展，負值表示陰影向內收縮。默認值為0，表示無擴展效果。color（顏色）：陰影的顏色，可以使用顏色名稱、十六進制顏色碼、RGB或RGBA顏色值。以下是一個簡單的示例：
.box {
width: 100px;
height: 100px;
background-color: #f0f0f0;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
在這個示例中，.box元素將具有一個向右下方偏移5px的陰影，模糊半徑為10px，顏色為半透明的黑色（透明度為0.5）。
如果需要添加多個陰影，可以用逗號分隔每個陰影的參數：
.box {
width: 100px;
height: 100px;
background-color: #f0f0f0;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.5);
}
在這個示例中，.box元素將具有兩個陰影，一個向右下方偏移5px，另一個向左上方偏移5px。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
