Pular para o conteúdo principal

Os botões interativos e as instruções de entrada podem aparecer atualmente em inglês.

Ferramentas

Gerador de sombras CSS

Use Gerador de sombras CSS para inserir deslocamento, desfoque, expansão e cor e obter uma prévia da sombra e seu CSS imediatamente, sem instalação ou criação de conta.

Gerador de sombras CSS processa entradas e arquivos somente neste navegador e não os envia a serviços externos.

Preview
px
10%
Layer 1
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);

Como usar

Gerador de sombras CSS é uma ferramenta de navegador que recebe deslocamento, desfoque, expansão e cor e produz uma prévia da sombra e seu CSS. As opções e o resultado podem ser conferidos sem sair da página. Exemplo prático: 0 8px 24px rgba(0,0,0,.2).

  1. Configure deslocamento, desfoque, expansão e cor em Gerador de sombras CSS.
  2. Ajuste as configurações enquanto confere a prévia em tempo real.
  3. Selecione Copiar para copiar o resultado.

Saída

  • Exemplo de Gerador de sombras CSS: 0 8px 24px rgba(0,0,0,.2)

Limitações

  • Limitação de Gerador de sombras CSS: Sombras pesadas podem prejudicar a leitura ou o desempenho. Confira resultados importantes com a fonte original.

Privacidade

Gerador de sombras CSS processa entradas e arquivos somente neste navegador e não os envia a serviços externos.

Perguntas frequentes

O que Gerador de sombras CSS produz?

A ferramenta usa a entrada e as opções escolhidas para produzir uma prévia da sombra e seu CSS.

Posso confiar em todo resultado de Gerador de sombras CSS?

Sombras pesadas podem prejudicar a leitura ou o desempenho. Revise o resultado antes de um uso importante.

🔧 Ferramentas relacionadas