Gerador de sombra CSS (box-shadow)
Crie sombras CSS visualmente com camadas, inset, desfoque, espalhamento e cor. Pré-visualização ao vivo, predefinições como neumorfismo e CSS pronto para copiar.
- Sem uploads
- Sem limites
- Sem cadastro
Predefinições
- Entrada:
- Um clique
- Saída:
- Texto
- Roda em:
- Seu dispositivo
- Limite de tamanho:
- Nenhum
- Conta:
- Não é necessária
Como usar: Gerador de sombra CSS (box-shadow)
Modele a sombra
Mova os controles de deslocamento, desfoque, espalhamento e opacidade e escolha uma cor. Marque Interna para uma sombra interna.
Empilhe camadas ou use uma predefinição
Adicione mais camadas para profundidade realista, ou comece por uma predefinição como suave, dura, neumorfismo ou em camadas.
Copie o CSS
Copie a declaração box-shadow (ou text-shadow) pronta para sua folha de estilo.
Por que usar Gerador de sombra CSS (box-shadow) no Toolshed
Sem uploads
Tudo roda nesta aba do navegador. Seus arquivos nunca saem do seu dispositivo.
Sem limites
Sem limite de tamanho de arquivo nem cota diária. Processe tudo o que o seu dispositivo aguentar.
Sem cadastro
Sem conta, sem e-mail, sem marca d'água.
Perguntas frequentes
Por que usar várias camadas de sombra?
Várias sombras sutis parecem mais naturais que uma única pesada. Camadas com pequenos desfoques em distâncias crescentes imitam a luz real e dão profundidade mais suave.
O que faz o inset?
Uma sombra inset é desenhada dentro da caixa em vez de fora, útil para botões pressionados, campos e brilhos internos.
Posso fazer sombra de texto também?
Sim. Mude para Sombra do texto para visualizar e copiar uma declaração text-shadow. Espalhamento e inset não existem para texto, então esses controles ficam ocultos.
Meus arquivos são enviados para algum lugar?
Não. Gerador de sombra CSS (box-shadow) roda inteiramente no seu navegador. Seus arquivos são processados no seu dispositivo e nunca são enviados a um servidor.
Existe limite de tamanho de arquivo?
Não há um limite fixo. O único limite é a memória do seu dispositivo. Arquivos muito grandes funcionam melhor em um navegador de computador.
Gerador de sombra CSS (box-shadow) é realmente grátis?
Sim. Não há conta nem marca d'água. Um anúncio curto opcional, ou uma espera de 20 segundos, libera cada download. É assim que mantemos o serviço gratuito.