CSSボックスシャドウジェネレーター
ライブプレビューとプリセット付きのbox-shadow CSSを生成
レイヤー
オフセット X
オフセット Y
ぼかし
広がり
色 25%
内側
CSS - 貼り付けまたは編集
例
| プレビュー | 名前 | カテゴリ | レイヤー | 適用 |
|---|---|---|---|---|
| Soft | classic | 1 | ||
| Hard | classic | 1 | ||
| Glow | classic | 1 | ||
| Inset Pressed | classic | 2 | ||
| Neumorphism | neumorphism | 2 | ||
| Neon | glow | 3 | ||
| Matrix | glow | 3 | ||
| Vaporwave | glow | 3 | ||
| Torch | glow | 4 | ||
| Aurora | glow | 4 | ||
| Rainbow | multicolor | 6 | ||
| Inferno | multicolor | 7 | ||
| Cyberpunk | multicolor | 4 | ||
| Galaxy | multicolor | 4 | ||
| Pop Art | multicolor | 2 | ||
| 3D Extrude | depth | 6 | ||
| Floating | depth | 2 | ||
| Pile | depth | 5 | ||
| Rings | depth | 7 | ||
| Pyramid | depth | 11 | ||
| Ice | inset | 3 | ||
| Horror | inset | 3 | ||
| Well | inset | 3 |