Gerador de sombra

Gerador CSS box-shadow online e gratuito. Ajuste deslocamento, desfoque, extensão e cor com pré-visualização ao vivo. Copie o código. No navegador.

O gerador de sombras CSS é uma ferramenta online gratuita que edita visualmente a propriedade box-shadow. Ajuste offset, blur, spread e cor com controles e pré-visualização em tempo real. Suporta múltiplas sombras e inset. Processamento no navegador, gratuito.

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Os arquivos não são enviados a nenhum servidor

Como usar Gerador de sombra?

  1. Ajuste os valores de offset, blur e spread com os controles.
  2. Defina a cor e opacidade da sombra.
  3. Copie o código CSS gerado e use no seu projeto.

Perguntas frequentes sobre Gerador de sombra

Posso adicionar múltiplas sombras de uma vez?

Sim, você pode adicionar múltiplas sombras para criar efeitos complexos de profundidade. Cada sombra pode ser ajustada individualmente.

O que é uma sombra inset?

Uma sombra inset aparece dentro do elemento em vez de fora. Enquanto box-shadow normal aparece fora, inset cria um efeito de profundidade.

Ferramentas relacionadas

Pré-visualização de borda

Pré-visualizador CSS border-radius online e gratuito. Ajuste cada canto individualmente com pré-visualização ao vivo. Copie o código. No navegador.

Sugestão de fontes

Sugestão de fontes online e gratuita. Descubra combinações de Google Fonts para títulos e corpo com pré-visualização ao vivo. No navegador.

Gerador CSS Grid

Gerador CSS Grid online e gratuito. Defina linhas, colunas e gaps com editor visual e gere código automaticamente. Copie instantaneamente.