Gerador de Sombra CSS
Developer Tools
Carregando...
Sobre Esta Ferramenta
Gerador de box-shadow CSS gratuito e sem servidor com visualização ao vivo. Ajuste offset, desfoque, propagação, cor, inset e raio da borda. 6 presets. Copie CSS com um clique.
Como Usar
- Ajuste propriedades com os controles.
- Escolha cor da sombra e fundo.
- Ative Inset para sombras internas.
- Ajuste o raio da borda.
- Experimente os 6 presets.
- Clique em Copiar CSS.
Perguntas Frequentes
Quais propriedades posso controlar?
Offset horizontal e vertical, desfoque e propagação, cor, inset e raio da borda.
Quais presets estão disponíveis?
Sutil, Médio, Pesado, Brilho suave, Nítido e Interno.
Quais são os casos de uso?
Cards, efeitos hover, modais, elementos flutuantes e neumorfismo.
Funciona em qualquer framework?
Sim! CSS padrão para React, Vue, Angular, Tailwind e HTML/CSS.