Gerador de box-shadow
Crie sombras CSS com deslocamento, desfoque, expansão, cor e opacidade, incluindo sombras suaves em camadas e sombras internas.
Grátis · Sem envio · Tudo no seu dispositivo
Como usar Gerador de box-shadow
- Escolha as configurações no painel lateral.
- O resultado é atualizado na hora. Selecione “Atualizar” para um novo.
- Copie o resultado ou baixe-o.
Privado por design. Tudo o que você digita, abre ou grava é processado nesta aba do navegador e nunca é enviado ao KittySuite.
Sobre Gerador de box-shadow
Sombras em camadas empilham várias sombras que crescem e desvanecem, o que fica mais suave e natural do que um único desfoque grande. Mantenha a opacidade baixa em fundos claros; interfaces escuras precisam de sombras mais fortes para aparecer.
Tudo é calculado nesta aba do navegador e nada do que você digita é enviado. Continua funcionando offline depois que a página carrega.
Dúvidas antes de começar
Meu conteúdo sai do meu dispositivo?
Nenhum conteúdo de arquivo ou texto digitado é enviado para processamento. Este site baixa o próprio código e os próprios recursos quando necessário; a página de Privacidade explica as solicitações à hospedagem e o cache do navegador.
O que devo verificar antes de usar Gerador de box-shadow?
Tudo é calculado nesta aba do navegador e nada do que você digita é enviado. Continua funcionando offline depois que a página carrega.
E se o resultado não servir?
Mantenha seu original, volte às configurações e tente de novo. Um arquivo ilegível ou com estrutura não compatível pode precisar ser exportado de novo no aplicativo de origem.
Posso usar no celular?
Os controles se adaptam a telas menores, mas arquivos grandes podem exceder a memória do celular. Use um arquivo menor ou trabalhe em lotes se o processamento falhar.