LogoUtilidadesGrátis
Voltar

Box Shadow Generator

Crie sombras CSS visualmente com sliders interativos.

Pré-visualização
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);

O que é esta ferramenta?

Crie sombras CSS visualmente com sliders interativos.

Como funciona?

A sombra CSS é composta por: deslocamento X, Y, blur (desfoque), spread (expansão), cor e opacidade. A propriedade inset cria sombra interna.

box-shadow: X Y blur spread cor

Dicas de uso

  • Use blur alto para sombras suaves e baixo para sombras nítidas.
  • Valores negativos em X/Y invertem a direção da sombra.

Perguntas Frequentes