Gerador de box-shadow CSS
Gere declarações CSS box-shadow visualmente — sem uploads.
4px
4px
10px
0px
Saída CSS
Crie sombras CSS online
Ajuste o deslocamento horizontal e vertical, o raio de desfoque, a expansão, a cor e o interruptor de inset para criar a sombra perfeita. O CSS é atualizado ao vivo para você copiar diretamente na sua folha de estilos.
Tudo roda localmente no seu navegador — seu trabalho nunca sai da sua máquina.
Perguntas frequentes
Posso usar várias sombras? Sim — copie o valor gerado e separe vários valores com uma vírgula no seu CSS.
Meus dados são enviados? Não — tudo acontece no navegador.