box-shadowジェネレーター
CSSのbox-shadowをスライダーで直感的に作成。複数レイヤーのシャドウにも対応。
0px
4px
16px
0px
#0000000.15
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
box-shadowの構文
box-shadow: [inset] offset-x offset-y blur spread color;- offset-x/y: 影のずれ（負の値も指定可能）
- blur: ぼかしの半径（0で鮮明）
- spread: 影の拡大・縮小
- inset: 外側ではなく内側に影を落とす