Toolora

Gerador de box shadow

Crie sombras CSS com controles deslizantes e pré-visualização ao vivo.

O Gerador de box shadow cria valores CSS box-shadow com controles deslizantes interativos para deslocamento, desfoque e propagação, além de cor, interna e pré-visualização ao vivo.

Como usar

  1. Ajuste os controles X, Y, desfoque e propagação.
  2. Escolha uma cor e alterne interna se necessário.
  3. Copie a declaração CSS gerada.

Perguntas frequentes

Deslocamentos negativos podem ser usados?

Sim, X e Y aceitam valores de -100 a 100 pixels.

A pré-visualização é precisa?

Ela aplica o valor CSS exato a um elemento de pré-visualização no navegador.