CSS Box-Shadow Generator – Online Shadow Tool

What does this tool do?

The Box-Shadow Generator from EasySiteTools allows you to easily compose a CSS shadow for any element. You see the result instantly and can copy the generated CSS code for your website, app, or project.

Benefits:

Live preview of your shadow settings
Fully customizable color, offset, blur, and spread
Instant CSS output
100% free and works without installation

Configure your box-shadow

Shadow color

X-offset (px)

Y-offset (px)

Blur (px)

Spread (px)

Preview box with shadow

Generated CSS:

box-shadow: 10px 10px 15px 0px #000000;