什麼是 CSS box-shadow
**box-shadow** 是一個 CSS 屬性,用於向 HTML 元素添加陰影。它是一種基本的網頁設計技術,只需使用 CSS 代碼即可表達深度和維度,而無需圖像。
box-shadow 參數
**box-shadow** 以 '水平-偏移 垂直-偏移 模糊 擴散 顏色' 的順序指定。水平和垂直偏移確定陰影位置,模糊控制邊緣柔和度,擴散控制陰影大小,顏色可以用包含透明度的 **RGBA** 指定。
inset (內陰影)
添加關鍵字 **inset** 會將陰影繪製在元素內部而不是外部。適用於表達縮進的表單輸入或按鈕按下狀態。
多重陰影分層
可以透過逗號分隔指定多個 **box-shadows** 以對陰影進行分層。 **Neumorphism** 設計結合了明暗陰影來表達三維紋理。