CSS 陰影產生器

產生可調參數的外陰影/內陰影 CSS。
模式
box-shadowtext-shadow
顏色 (#000000)
不透明度 (50%)
擴散 (5px)
Y 偏移 (10px)
X 偏移 (10px)
大小 (0px)
方向
外側內側

說明

根據顏色、距離等陰影參數即時產生 CSS。

設定

模式在盒陰影(box-shadow)與文字陰影(text-shadow)之間選擇。
顏色設定陰影顏色。
不透明度設定陰影顏色的不透明度。
擴散調整模糊/擴散程度。
距離設定 X/Y 偏移。0px 為置中。
大小設定陰影大小。將距離設為 0px 並增大大小可做出發光效果。
方向選擇陰影在外側或 inset(內陰影)。