CSS Shadow Generator

Design box-shadows and text-shadows with multiple layers, presets, and live preview.

Shadow Type

Layers

Horizontal Offset4px

Vertical Offset4px

Blur Radius12px

Spread Radius0px

Opacity20%

Color

Inset

Presets

Preview bg:

drag to pan

css

box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.20);