Box Shadow Generator

Visually create CSS box-shadow styles with multiple layers, presets, and real-time preview.

CSS Code

Shadow Layers

Horizontal Offset:

Vertical Offset:

Blur Radius:

Spread Radius:

Color

Opacity:

Inset Shadow

Box Settings

Border Radius

Background

Presets

About Box Shadow Generator

Visually create CSS box-shadow styles with a real-time preview. Supports multiple shadow layers, inset shadows, and full control over offset, blur, spread, color, and opacity. Choose from presets or fine-tune every parameter. Copy the CSS and paste it into your stylesheet.

Used 4 times

Share this tool