Innotive

Box Shadow Generator

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

How it works

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.

  • runs in the browser

Use this tool for runs in the browser to format, validate, and convert inputs directly in your browser.

Live preview

CSS output