Voltar para Ferramentas

Gerador de Sombra CSS

Configure sombras CSS de forma visual e copie o código pronto.

25%

Gerador de Box Shadow CSS Grátis

Gere sombras perfeitas (box-shadow) para elementos web com controles visuais interativos. Copie o código CSS limpo e moderno na hora.

Dúvidas Frequentes

Tudo que você precisa saber

Como funciona o gerador de sombras?

Você ajusta visualmente os controles deslizantes (blur, spread, offsets e cor) e a ferramenta escreve o código CSS para você copiar e colar no seu projeto.

Posso criar sombras internas (inset)?

Sim, há um botão para alternar a sombra de externa para interna (inset shadow).

É possível colocar múltiplas sombras no mesmo elemento?

Nossa ferramenta foca em gerar sombras simples e elegantes, mas você pode combinar múltiplos códigos gerados se dominar CSS.