Back to All Tools

Box Shadow Generator

Layer multiple CSS box-shadows with live preview. Offsets, blur, spread, color, alpha, and inset.

Runs entirely in your browser — nothing is uploaded

Demo controls

Box color

Background

Radius: 16px

Shadow layers

Layer 1

inset

X: 0px

Y: 10px

Blur: 30px

Spread: -5px

Color

Alpha: 0.35

CSS

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