Gerador de Sombra CSS
Gere sombras CSS com visualização ao vivo. Ajuste deslocamento, desfoque, expansão, cor e opacidade — depois empilhe até 4 sombras e copie o CSS.
Perguntas frequentes
O que é um box shadow CSS?
A propriedade CSS box-shadow adiciona um ou mais efeitos de sombra ao quadro de um elemento. Você pode controlar o deslocamento horizontal e vertical (posição), o raio de desfoque (suavidade), o raio de expansão (tamanho), a cor e se a sombra é interna (inset) ou externa.
O que faz o "inset"?
Sem inset, uma sombra de caixa é desenhada fora do elemento como uma sombra projetada. Com inset, a sombra é desenhada dentro da borda do elemento, dando um efeito de brilho interno ou de superfície pressionada.
Posso empilhar múltiplas sombras de caixa?
Sim — o CSS permite múltiplas sombras separadas por vírgulas em uma única propriedade box-shadow. Use "Adicionar camada de sombra" para criar até 4 sombras em camadas. A primeira sombra da lista é desenhada por cima.