Box Shadow Generator

Build multi-layer shadows with neumorphism presets — copy CSS & Tailwind

Shadow Layers

Layer 1

Layer 2

Inset shadow

Offset X 0px

Offset Y 4px

Blur Radius 16px

Spread Radius 0px

Color

#000000

Opacity 10%

Element Color

#ffffff

Page Background

#f0f4f8

Border Radius 12px

Preview

Layers

Inset

Max Blur

16px

Max Spread

0px

box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1), 0px 1px 4px 0px rgba(0, 0, 0, 0.06);

[box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1), 0px 1px 4px 0px rgba(0, 0, 0, 0.06)]

Tailwind v3 arbitrary value syntax. For complex shadows, prefer the CSS output.