Gerador de Sombra de Caixa CSS

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