Box Shadow Generator

Visually build CSS box shadows with multiple layers and live preview.

Presets:

Layers

Shadow 1

Shadow #1

X Offset4px

Y Offset4px

Blur16px

Spread0px

Opacity0.35

Color

Inset shadow

Canvas

Background

Box Color

Border Radius16px

Live Preview

CSS Code

box-shadow

box-shadow: 4px 4px 16px 0px rgba(99,102,241,0.35);

Full CSS Class

.my-element {
  box-shadow: 4px 4px 16px 0px rgba(99,102,241,0.35);
}