戻る
シャドウジェネレーター
box-shadowのビジュアルエディタ、複数レイヤー対応
JA
shadcn/ui
プリセット(Tailwind CSS準拠)
なし
sm
base
md
lg
xl
2xl
inner
シャドウレイヤー
+ レイヤーを追加
レイヤー 1
X軸: 0px
Y軸: 4px
ぼかし: 6px
広がり: 0px
色
不透明度: 0.1
内側シャドウ (inset)
CSS コード
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
コピー
プレビュー