CSSボックスシャドウジェネレーター
ライブプレビューとプリセット付きのbox-shadow CSSを生成
レイヤー
オフセット X
オフセット Y
ぼかし
広がり
色 25%
内側
CSS: 貼り付けまたは編集
例
| プレビュー | 名前 | カテゴリ | レイヤー | 適用 |
|---|---|---|---|---|
| ソフト | クラシック | 1 | ||
| ハード | クラシック | 1 | ||
| グロー | クラシック | 1 | ||
| 押し込み | クラシック | 2 | ||
| ニューモーフィズム | ニューモーフィズム | 2 | ||
| ネオン | グロー | 3 | ||
| Matrix | グロー | 3 | ||
| Vaporwave | グロー | 3 | ||
| たいまつ | グロー | 4 | ||
| オーロラ | グロー | 4 | ||
| 虹 | マルチカラー | 6 | ||
| インフェルノ | マルチカラー | 7 | ||
| Cyberpunk | マルチカラー | 4 | ||
| 銀河 | マルチカラー | 4 | ||
| Pop Art | マルチカラー | 2 | ||
| 3D 押し出し | 奥行き | 6 | ||
| 浮遊 | 奥行き | 2 | ||
| 重なり | 奥行き | 5 | ||
| リング | 奥行き | 7 | ||
| ピラミッド | 奥行き | 11 | ||
| 氷 | 内側 | 3 | ||
| ホラー | 内側 | 3 | ||
| くぼみ | 内側 | 3 |