CSS Box Shadow Generator

Design a CSS box-shadow visually and copy the code — offset, blur, spread, color, and inset.

How to use

Drag the numbers for horizontal (X) and vertical (Y) offset, blur, and spread, pick a color, and toggle Inset for an inner shadow. The preview and CSS update live — tap Copy to grab it.