CSS Box Shadow Generator – Free Online Tool

Create beautiful CSS box shadows online. Adjust the controls, preview the result, and copy the CSS code for your project.

Horizontal Offset (X) 10px

Vertical Offset (Y) 10px

Blur Radius 20px

Spread Radius 0px

Shadow Color #000000

Opacity 25%

Inset Shadow

Preset Shadows

Live Preview

Preview Box

Generated CSS

HTML Example

<div class="box">Your content</div>

How to use: Adjust the shadow settings above. When you're happy with the result, click Copy CSS and paste the generated box-shadow property into your own CSS project.

Copied!