Gerador de Box Shadow CSS

Crie sombras CSS box-shadow com visualização em tempo real. Copie código pronto para usar.

Preview da Box Shadow

10px10px
20px0px
box-shadow: 10px 10px 20px 0px #000000;

Propriedades do Box Shadow

offsetX/offsetY: Deslocamento horizontal e vertical da sombra. Valores negativos movem sombra para cima/esquerda.

blur: Quão borrada/difusa é a sombra. Valores maiores = sombra mais suave.

spread: Quanto a sombra se espalha. Positivo = expande, negativo = contrai.

color: Cor da somra. Pode ser hex, rgb, rgba, hsla ou nome de cor CSS.

inset: Sombra interna (dentro do elemento) em vez de externa.

Compartilhe esta calculadora