Pular para o conteúdo

Gerador de sombras de caixa

Crie profundidade, camada por camada. Mova a luz, ajuste a suavidade e a cor e copie uma sombra pronta para uso em produção.

Prévia em tempo real

Arraste a luz ou use as teclas de seta para mover a sombra selecionada.

Camadas de sombra

Até 8 camadas. A primeira camada ativada fica por cima.

box-shadow: 0px 12px 32px -8px #0f172a33;

Tudo permanece no seu navegador.

Referências de formatos

Página da ferramenta atualizada: