CSS box-shadow ジェネレータ

スライダで操作してリアルタイムプレビュー。複数レイヤー / inset 対応、 完成した CSS をそのままコピーできます。

プリセット:
preview

レイヤー 1

0px
4px
12px
0px
プレビュー設定
12px

CSS

box-shadow:
  0px 4px 12px 0px rgba(0, 0, 0, 0.20);