Gerador de Sombra de Caixa CSS
Guia
Gerador de Sombra de Caixa CSS
Crie belas sombras de caixa visualmente com uma prévia em tempo real. Adicione múltiplas camadas de sombra, ajuste deslocamentos, desfoque, expansão e cor, depois copie o CSS — sem necessidade de codificação manual.
Como usar
Ajuste os controles deslizantes para deslocamento horizontal e vertical, raio de desfoque, expansão e opacidade. Ative a opção interna para sombras internas. Adicione até 10 camadas de sombra para efeitos complexos. Use a galeria de predefinições para pontos de partida rápidos, como neumorfismo, efeitos de brilho ou cartões elevados. Copie o CSS gerado quando estiver pronto.
Características
- Visualização ao Vivo – Veja sua sombra aplicada a uma caixa de exemplo em tempo real enquanto ajusta os parâmetros
- Múltiplas Camadas – Empilhe até 10 camadas de sombra para efeitos complexos e realistas
- Sombras Internas – Alterne entre sombras externas e internas (internas) por camada
- Cor e Opacidade – Seletor de cores completo com controle de opacidade para cada camada de sombra
- Galeria de Predefinições – Sombra suave, sombra dura, neumorfismo, cartão elevado, botão pressionado, efeito de brilho e mais
- Copiar CSS – Cópia com um clique do código CSS completo de box-shadow
Instale nossas extensões
Adicione ferramentas de IO ao seu navegador favorito para acesso instantâneo e pesquisa mais rápida
恵 O placar chegou!
Placar é uma forma divertida de acompanhar seus jogos, todos os dados são armazenados em seu navegador. Mais recursos serão lançados em breve!
Ferramentas essenciais
Ver tudo Novas chegadas
Ver tudoAtualizar: Nosso ferramenta mais recente foi adicionado em 10 de março de 2026
