Toolipedia
PT
← Todas as ferramentas de texto

Gerador de sombra de caixa CSS

Crie sombras de caixa com controles deslizantes e visualização ao vivo, depois copie o CSS.

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Gerador de sombra de caixa CSS

Ajuste deslocamento, desfoque, expansão, cor e opacidade em uma visualização ao vivo e copie a declaração box-shadow. Os valores são deslocamento x, deslocamento y, raio de desfoque, raio de expansão e cor, nessa ordem. Adicione inset para desenhar a sombra dentro da caixa e mantenha a opacidade baixa para resultados naturais.

Como usar: Gerador de sombra de caixa CSS

  1. Defina as opções acima. O resultado é atualizado ao vivo.
  2. Ajuste o que quiser até ficar do seu jeito.
  3. Copie o resultado ou baixe.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

O que faz o valor spread no box-shadow?

O spread aumenta ou reduz a sombra antes de o desfoque ser aplicado. Um número positivo a torna maior que a caixa, um negativo a torna menor, o que é bom para sombras em apenas um lado.

Gerador de sombra de caixa CSS é grátis?

Sim. Gerador de sombra de caixa CSS no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Ferramentas relacionadas