Skip to content
Voltar
Gerador de Box Shadow

Crie sombras CSS com editor visual

Visualização

Camadas de Sombra

box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);

Crie sombras CSS profissionais com nosso editor visual. Adicione profundidade e dimensão aos seus elementos de UI com camadas de sombra personalizáveis. Ajuste offset, blur, spread e cor em tempo real.

Como Usar

  1. 1Ajuste offset horizontal e vertical com os controles
  2. 2Defina o raio de blur para sombras suaves ou nítidas
  3. 3Ajuste o spread para expandir ou encolher a sombra
  4. 4Escolha uma cor de sombra e opacidade
  5. 5Adicione múltiplas camadas e copie o código CSS

Perguntas Frequentes

Ferramentas Relacionadas

Gerador de Gradiente CSSGerador de Paleta de CoresConversor de CoresGerador de Meta Tags