CSS Box Shadow Generator

Design box-shadow visuallyRuns locally · nothing uploaded

Offset X: 0Offset Y: 10Blur: 15Spread: -3Opacity %: 10Color

Inset

Presets

Preview background

CSS code

box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 0.1),
    0px 4px 6px -4px rgb(0 0 0 / 0.1);

Also works as:box shadow generatorcss shadowdrop shadow css

Why stack shadows?

A tight shadow plus a soft distant one looks more like real light.

What is inset?

The shadow is drawn inside the element, useful for inputs and pressed states.