Gerador Box Shadow

Crie sombras CSS

Gerador de Box Shadow

Crie sombras CSS personalizadas com múltiplas camadas e preview em tempo real.

Cor do Fundo

Cor da Box

Presets

Camadas de Sombra (1/5)

Camada 1

Inset

X: 0px

Y: 4px

Blur: 6px

Spread: -1px

Opacidade: 25%

CSS Gerado

box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.25);