CSS Box Shadow Generator

Name: CSS Box Shadow Generator
Rating: 4.8 (127 reviews)

Build CSS box shadows visually with multiple layers and live preview.

Processed locally in your browser

Shadow Layers

Layer 1

Inset

Offset X: 4px

Offset Y: 4px

Blur: 15px

Spread: 0px

Color

Opacity: 20%

Preview

Box Color:

CSS Code

box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.2);