toolsmoah

Gerador de Sombra de Caixa CSS

Gere e visualize visualmente as propriedades CSS de box-shadow.

Configurações de Sombra
Ajuste os controles deslizantes para personalizar o efeito de sombra

Sombra 1

Predefinições
Experimente estilos de sombra predefinidos
Visualizar
Veja o efeito de sombra gerado
Preview
CSS Gerado
box-shadow: 0px 4px 6px 0px #00000040;
Referência de Propriedade de Sombra de Caixa

Descrições de Propriedades

  • • Deslocamento X: Posição horizontal da sombra (positivo: direita, negativo: esquerda)
  • • Deslocamento Y: Posição vertical da sombra (positivo: inferior, negativo: superior)
  • • Desfoque: Raio de desfoque da sombra (0: nítido, valores maiores mais desfocados)
  • • Espalhamento: Tamanho da sombra (positivo: expandir, negativo: encolher)
  • • Cor: Cor da sombra (HEX, RGB, RGBA, etc.)
  • • Interna: Se a sombra é uma sombra interna
    Gerador de Sombra de Caixa CSS | toolsmoah