CSS Box Shadow Generator

Build and preview perfect CSS shadows, then copy clean box-shadow code.

Controls

Offset X: 0px

Offset Y: 12px

Blur: 24px

Spread: 0px

Opacity: 0.22

Shadow Color

rgba(0, 0, 0, 0.22)

Inset shadow

Live Preview

CSS

box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.22);

FAQ

Is CSS Box Shadow Generator free to use?

Yes, CSS Box Shadow Generator is completely free to use on UtilityCove.

Does CSS Box Shadow Generator upload my data?

No. CSS Box Shadow Generator runs in your browser, so your input stays on your device.

Can I use CSS Box Shadow Generator on mobile?

Yes. CSS Box Shadow Generator works on modern mobile and desktop browsers.

Related Tools

CSS Gradient Generator

Create linear CSS gradients with a live preview.

CSS Glassmorphism Generator

Generate frosted-glass CSS with backdrop blur and copy-ready styles.

QR Code Generator

Generate custom QR codes for any text or URL.

WiFi QR Code Generator

Generate a scannable QR code to share WiFi credentials instantly.

Letter Profile Picture

Generate avatar images from initials with custom colors.

Spinner Wheel

Customizable random spinner wheel with your own options.