Box Shadow Generator

Build box-shadow values with sliders for X, Y, blur, spread, and color. Stack multiple shadows. Copy CSS.

100% browser-based — no uploads, no server

How to Use

1

Adjust sliders

Set X, Y, blur, spread and color for each shadow.

2

Add more shadows

Use + Add shadow for multiple layers.

3

Copy CSS

Paste the box-shadow rule into your stylesheet.

Frequently Asked Questions — Box Shadow Generator

You might also like