Gerador de box-shadow
Gerar sombras de caixa
Camada 1
Camada 2
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);Sobre o gerador de box-shadow
Crie sombras de caixa complexas com múltiplas camadas. Ajuste o deslocamento X/Y, raio de desfoque, expansão e cor de cada camada. Use sombras interiores para efeitos de sombra interna. Combine múltiplas camadas para profundidade realista.
Como Usar
- Insira sua entrada na área de texto acima
- Selecione as opções desejadas
- Clique no botão processar para ver os resultados
- Copie o resultado para sua área de transferência
Perguntas Frequentes
O que é Gerador de box-shadow?
Gera box-shadow CSS com múltiplas camadas e pré-visualização ao vivo.
Esta ferramenta é gratuita?
Sim! Todas as ferramentas no ToolsKeeper são completamente gratuitas, sem limitações ou necessidade de cadastro.
Meus dados estão seguros?
Com certeza. Todo o processamento acontece diretamente no seu navegador. Seus dados nunca saem do seu dispositivo nem são enviados para nenhum servidor.