CSS 陰影產生器
產生可調參數的外陰影/內陰影 CSS。
模式
box-shadowtext-shadow顏色 (#000000)
不透明度 (50%)
擴散 (5px)
Y 偏移 (10px)
X 偏移 (10px)
大小 (0px)
方向
外側內側說明
根據顏色、距離等陰影參數即時產生 CSS。
設定
| 模式 | 在盒陰影(box-shadow)與文字陰影(text-shadow)之間選擇。 |
|---|---|
| 顏色 | 設定陰影顏色。 |
| 不透明度 | 設定陰影顏色的不透明度。 |
| 擴散 | 調整模糊/擴散程度。 |
| 距離 | 設定 X/Y 偏移。0px 為置中。 |
| 大小 | 設定陰影大小。將距離設為 0px 並增大大小可做出發光效果。 |
| 方向 | 選擇陰影在外側或 inset(內陰影)。 |