ToolPronto

Gerador de box-shadow

Ajuste sombras em camadas e copie exatamente o CSS gerado.

Arquivos e conteúdo ficam somente neste aparelho.

Os favoritos ficam salvos somente neste navegador.

Gerador de box-shadow

Ajuste sombras em camadas e copie exatamente o CSS gerado.

Opções 1
box-shadow: 0px 12px 30px 0px rgb(23 32 27 / 22%);Processado somente neste navegador.

O que faz: Gerador de box-shadow

Ajuste sombras em camadas e copie exatamente o CSS gerado. Arquivos e conteúdo ficam somente neste aparelho. A prévia não substitui testes em navegadores nem uma revisão de acessibilidade.

Quando usar

  • Use a ferramenta para criar uma sombra discreta para um card.
  • Use a ferramenta para combinar camadas de sombra para dar profundidade.
  • Use a ferramenta para copiar a declaração box-shadow exata.

Como usar

  1. Adicione o arquivo, texto ou configuração.
  2. Ajuste os controles e confira o resultado.
  3. Copie ou baixe quando estiver pronto.