Gerador de Sombra CSS

Crie belas sombras CSS visualmente. Ajuste o desfoque e a cor, depois copie o código.

Predefinições

Cor da Caixa

#d4d4d8

Cor de Fundo

#e4e4e7

Cor da Sombra

Opacidade0.25

Sombra Interna (Inset)

Deslocamento Horizontal10px

Deslocamento Vertical10px

Raio de Desfoque20px

Raio de Propagação0px

CSS

box-shadow: ;

Caixa de Visualização

Crie sombras perfeitas

Crie sombras realistas para seus projetos web com nosso Gerador de Box Shadow.

Veja as mudanças em tempo real.

Código pronto para copiar.

Suporte para Inset.