Generador de sombras CSS

Crea sombras CSS en capas

2 Layers

Radius: 16px

Live Stage & Lighting Canvas

Canvas BG:

Elevation Target

220x220px

Box Size:220px

Border Radius:16px

CSS Property

box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.05);

Tailwind CSS v4 Class

shadow-[0px_10px_25px_-5px_rgba(0,0,0,0.1),_0px_8px_10px_-6px_rgba(0,0,0,0.05)]

Design Token Variable

--elevation-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.05);

Layer #1

Inset:

X Offset:0px

Y Offset:10px

Blur Radius:25px

Spread:-5px

Color (RGBA/Hex):

Layer #2

Inset:

X Offset:0px

Y Offset:8px

Blur Radius:10px

Spread:-6px

Color (RGBA/Hex):