CSS Box Shadow Generator

Name: CSS Box Shadow Generator
Rating: 4.8 (50 reviews)
Author: Marco Orta

Create CSS box-shadow effects with offset, blur, spread, color and opacity control, multiple layers, inset and live preview. No sign-up.

Preview

ElementBackgroundRadius16px

Layers

Offset X0px

Offset Y8px

Blur24px

Spread-4px

Color#000000

Opacity25%

Inset

CSS code

box-shadow: 0px 8px 24px -4px rgba(0, 0, 0, 0.25);

Everything is generated in your browser; nothing is sent to any server.