Innotive

Box Shadow Generator

Create custom CSS box-shadow values with offset, blur, spread, and opacity controls plus live preview.

Adjust horizontal and vertical offset, blur radius, spread, and color to generate box-shadow CSS. Great for cards, modals, and buttons. Copy the final CSS instantly from your browser.

Offset X

Offset Y

Blur

Spread

Opacity

Color

Inset shadow

Live preview

CSS output

How it works