Gerador de sombra de caixa
Crie sombras de caixa CSS em camadas visualmente e copie o código.
- Gratuito
- Sem cadastro
- Executado no navegador
- Funciona no celular
Gerador de sombra de caixa em resumo
- Entrada
- Configurações de sombra
- Saída
- CSS box-shadow
- Privacidade
- Tudo acontece no seu dispositivo. Nada é enviado para servidores.
- Preço
- Gratuito, sem conta, sem marca d’água.
Como usar Gerador de sombra de caixa
- 1Ajuste os controles deslizantes.
- 2Adicione camadas para uma profundidade mais suave.
- 3Copie o CSS.
Recursos
- Até 5 camadas.
- Sombras inseridas.
- Visualize com suas próprias cores.
- Privado: roda no seu navegador; nada é carregado.
Perguntas frequentes sobre Gerador de sombra de caixa
Por que usar várias camadas?
Sombras reais combinam uma sombra firme e escura com uma sombra ampla e suave.
O Box Shadow Generator é privado?
Sim. O Box Shadow Generator roda inteiramente no seu navegador, então o que você insere ou abre nunca sai do seu dispositivo e nada é enviado para o nosso servidor.
Com o que posso usar o Box Shadow Generator?
Entrada: Configurações de sombra. Você obtém: sombra de caixa CSS.
Ferramentas relacionadas
Gerador de gradiente CSSProjete gradientes lineares, radiais e cônicos e copie o CSS.Border Radius GeneratorArredonde os cantos visualmente, um ou todos de uma vez, e copie a abreviatura CSS.Minificador CSSMinimize CSS para tornar os arquivos menores e as páginas mais rápidas.Decodificador Base64Decodifica Base64 (padrão ou seguro para URL) de volta ao texto.
Mais ferramentas de developer toolsÚltima atualização