Developer Tools
Gerador de Box Shadow
Gere box-shadow CSS com editor visual
Visualização
Cor da Caixa
Cor de Fundo
Camadas de Sombra
Inset (Sombra Interna)
Deslocamento X4px
Deslocamento Y4px
Desfoque10px
Propagação0px
Cor da Sombra
Opacidade25%
Predefinições
Código Gerado
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);Por que usar Gerador de Box Shadow?
- ✓100% Grátis - Sem custos ocultos ou recursos premium
- ✓Sem cadastro - Use instantaneamente sem criar conta
- ✓Privacidade em primeiro lugar - Todo processamento acontece no seu navegador. Seus dados nunca saem do seu dispositivo
- ✓Ultra rápido - Resultados instantâneos sem atrasos de servidor
Como Usar
- Digite ou cole seu texto na área de entrada acima
- A ferramenta processará sua entrada automaticamente
- Copie o resultado ou baixe como arquivo
Recursos
- ✓Multi-layer shadows
- ✓Inset shadow support
- ✓Visual preview
- ✓Preset gallery
- ✓Tailwind output