CSS Box Shadow & Gradient Builder

Free • No LoginInstant

Design beautiful CSS box-shadows (blur, spread, offset, inset, opacity) and linear/radial color gradients with live interactive preview and 1-click CSS code copy.

100% Client-Side Private
Instant Offline Fast

Shadow Parameters

Horizontal Offset (X)0px
Vertical Offset (Y)10px
Blur Radius25px
Spread Radius-5px
Shadow Opacity40%
Shadow Color
Live Preview
CSS Output
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.4);

Related Free Tools

Explore more matching utilities

View All Tools
Free

Color Converter & Contrast Checker

Convert HEX, RGB, HSL color codes and test WCAG AA/AAA accessibility contrast.

designOpen →
Free

QR Code Generator

Generate customizable QR codes for links, text, WiFi, and contact details with PNG download.

webOpen →
Free

Image Compressor & Resizer

Compress JPEG, PNG, and WebP images client-side with zero quality loss.

imagesOpen →