Gerador de Box Shadow CSS

Todas as ferramentas
Gerador de Box Shadow CSS
Crie box-shadows CSS em camadas com controlos deslizantes ao vivo para desvio, desfoque, propagação, cor, opacidade e inserção — pré-visualize num elemento real e copie o CSS pronto a usar instantaneamente.
Pré-visualização em direto
Pré-visualização em direto
CSS
box-shadow: —;

Tudo atualiza em direto no seu browser — sem carregamentos, sem registo, completamente gratuito.

Camadas de sombra
px
px
px
px
Cor da sombra
20%
Elemento e tela
16px
Predefinições
Partilhar
Ferramentas Relacionadas
Construtor de Assinatura de E-mail

Crie uma assinatura de e-mail HTML profissional a partir de 30 modelos, personalize-a e guarde-a.
Formatador de Código

Embeleze HTML, CSS e JavaScript — reindente e adicione quebras de linha para tornar o código confuso ou minificado legível.
Gerador de Código QR

Crie um código QR (URL, texto, Wi-Fi, vCard…) como PNG.
Ícone para PNG

Converta Bootstrap Icons, Font Awesome e mais em imagens PNG personalizadas — gratuito, no browser.
Gerador de ícones de app

Gere um conjunto completo de ícones de app prontos a publicar para a App Store e a Google Play — fundos premium com gradientes, mesh e padrões, criados a partir do seu logo.
Gerador de favicons

Crie um pacote completo de favicons a partir de um logótipo, um ícone ou um monograma — favicon.ico, PNGs modernos, ícone Apple touch, ícones PWA, manifesto web e trecho HTML.
Pesquisas populares
gerador css box shadow box shadow css gerador de sombras online criador de sombra css box shadow em camadas inset shadow css

Adicione esta ferramenta gratuita ao seu próprio site — copie e cole o código abaixo.