CSS Box Shadow Generator — Live Preview & Copy Code

Adjust offsets, blur, spread, color, and opacity to design the perfect box shadow. See the result live and copy ready-to-use CSS. Supports inset shadows too.

Keywords: box shadow, css box shadow, shadow generator, box-shadow css, css shadow, ui shadow

Frequently Asked Questions

What is CSS box-shadow?

Box-shadow adds shadow effects around an element to create depth and elevation.

Can I create inset shadows?

Yes, you can toggle inset to place the shadow inside the element.

Is the output compatible with all browsers?

Yes, box-shadow is widely supported in all modern browsers.