Customize every aspect of your box shadows with this intuitive tool—adjust offsets, blur, spread, color, and opacity in real-time, then copy the generated CSS code with a single click.
Generate CSS Box Shadow
4px
4px
6px
0px
0.5
Preview
box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.5);
Copied to clipboard!