Box Shadow Generator

Adjust offset, blur, spread, color, and opacity with sliders and copy the generated box-shadow CSS instantly.

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

Example input

x:0 y:4 blur:12

Example output

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