Gerador de CSS Box Shadow

Propriedades

Offset X (Horizontal)0px

Offset Y (Vertical)4px

Blur Radius (Desfoque)10px

Spread Radius (Tamanho)0px

Cor e Tipo

Cor da Sombra

Opacidade (Alpha) 25%

Sombra Interna (Inset)

Preview

box-shadow: ;

Entendendo o box-shadow

A propriedade CSS `box-shadow` adiciona efeitos de sombra ao redor da estrutura de um elemento. Você pode definir múltiplos efeitos separando-os por vírgula. A ordem dos valores importa:offset-x offset-y blur-radius spread-radius color.

Dicas de Design Moderno

Use cores suaves: Em vez de preto puro (`#000`), use tons de cinza com baixa opacidade (ex: `rgba(0,0,0,0.1)`) para um visual mais elegante.
Mais blur, menos spread: Para sombras modernas e suaves (estilo "elevação"), use um `Blur` alto e um `Spread` zerado ou até negativo.