CSS Box Shadow Generator
Stack multiple box-shadow layers with X / Y offset, blur, spread, color, opacity, and inset. Live preview with copyable CSS.
Sample card
Layers
CSS
box-shadow: 0px 12px 24px -4px rgba(0, 0, 0, 0.18);
Stack multiple box-shadow layers with X / Y offset, blur, spread, color, opacity, and inset. Live preview with copyable CSS.
box-shadow: 0px 12px 24px -4px rgba(0, 0, 0, 0.18);