What shadow properties can I adjust?

Horizontal/vertical offset, blur radius, spread radius, color, and opacity.

Can I add multiple shadows?

Yes, you can layer multiple shadows for complex effects.

Inset creates an inner shadow instead of an outer drop shadow.

Create beautiful CSS box shadows with a visual editor. Copy the CSS code instantly.

CSS Code

box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);

Presets

Horizontal Offset0px

Vertical Offset10px

Blur Radius30px

Spread Radius0px

Opacity20%

Color:

Inset

Create beautiful CSS gradients with live preview.

Pick colors and convert between HEX, RGB, HSL formats.

Minify or beautify CSS to optimize file size.