Box Shadow Generator
Create beautiful CSS box shadows with a visual editor and copy the code instantly
CSS Box Shadow Properties
Offset X & Y | Control the horizontal and vertical position of the shadow. Positive values move the shadow right and down, while negative values move it left and up.
Blur Radius | The larger the value, the more blurred the shadow becomes. A value of zero creates a sharp shadow with no blur effect.
Spread Radius | Positive values expand the shadow beyond the element size, while negative values shrink the shadow smaller than the element.
How to Use
Multiple Layers | Add multiple shadow layers to create complex, realistic shadow effects. Each layer has its own offset, blur, spread, and color settings.
Instant Export | Copy the generated CSS code with one click. The live preview updates in real-time as you adjust the shadow parameters.