Conversor Gratuito

Gerador de Box Shadow CSS

Gere CSS box-shadow visualmente com pré-visualização em tempo real. Adicione múltiplas camadas de sombra, ajuste desfoque, difusão, cor e inserção — gratuito e no lado do cliente.

Pré-visualização ao Vivo
Preview
Saída CSS
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Camada 1

Deslocamento Horizontal4px
-50px50px
Deslocamento Vertical4px
-50px50px
Raio de Desfoque16px
0px100px
Raio de Difusão0px
-50px50px
Cor da Sombra
#000000
Opacidade25%
0%100%
Inset
outset

Sobre esta ferramenta

Crie e personalize conteúdo com o Box Shadow Generator diretamente no seu navegador. Configure suas preferências, gere a saída e baixe ou copie o resultado. Tudo funciona do lado do cliente – seus dados permanecem privados e o processamento é instantâneo.

Como usar

  1. Defina as configurações e opções para atender às suas necessidades.
  2. Clique em Gerar para criar sua saída.
  3. Visualize o resultado e faça ajustes, se necessário.
  4. Baixe o arquivo de saída ou copie-o para a área de transferência.

Perguntas frequentes

Posso personalizar a saída gerada?
Sim. A ferramenta oferece várias opções de personalização para adaptar a saída às suas necessidades específicas. Ajuste as configurações antes de gerar ou regenere com diferentes opções.
O conteúdo gerado é de uso gratuito?
Sim. Tudo o que você gera com esta ferramenta é seu para uso pessoal, educacional ou comercial, sem quaisquer restrições ou requisitos de atribuição.
Isso requer uma conta?
Não. A ferramenta está pronta para uso imediato, sem inscrição, e-mail e registro. Basta abrir a página e começar a gerar.
Meus dados de entrada são mantidos em sigilo?
Sim. Todo o processamento acontece no seu navegador. Seus dados de entrada e saída gerada nunca são enviados para nenhum servidor externo.