CSS Box Shadow Generator

Build multi-layer CSS shadows visually. Drag the sliders, copy the CSS, ship.

Element

BackgroundBox color

Border radius16px

Layer 1Inset

X0px

Y8px

Blur24px

Spread-4px

Color

Opacity25%

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

This free tool is built and maintained by KSPR Technologies. We build web, mobile & AI products for clients.