Gerador de box-shadow CSS

Cor

Um gerador de box-shadow cria um valor CSS box-shadow a partir dos deslocamentos, do desfoque, da expansão e da cor.

Tradução assistida por IA em revisão

Esta página foi traduzida com ajuda de IA e ainda não recebeu revisão profissional. Consulte as fontes citadas antes de usá-la em uma decisão importante.

O que é

A propriedade box-shadow adiciona uma sombra ao redor de um elemento. Seus parâmetros controlam o deslocamento horizontal e vertical, o desfoque, a expansão e a cor.

box-shadow = x y desfoque expansão cor

Como usar

  1. 1Ajuste os deslocamentos, o desfoque e a expansão.
  2. 2Escolha a cor da sombra.
  3. 3Copie o valor CSS box-shadow.

Referência

Gerador de box-shadow CSS Referência
EntradaResultado
exemplovalor CSS box-shadow

Fontes e padrões

Perguntas frequentes

Para que serve o valor de expansão (spread)?

O valor spread aumenta ou reduz o tamanho da sombra em relação ao elemento antes de aplicar o desfoque.

Os dados são enviados para um servidor?

Não. Esta ferramenta funciona no seu navegador e não envia os dados para nenhum servidor.

Ferramentas relacionadas