Ferramentas de imagem e design
Box Shadow Generator
Box Shadow Generator roda no navegador para revisar, converter ou preparar resultados sem enviar a entrada para um servidor.
Input / output
Shadow preview
2 layers
CSS 코드
box-shadow: 0px 8px 24px -8px rgb(0 0 0 / 0.18), 0px 2px 6px 0px rgb(37 99 235 / 0.12);
Tailwind shadow
shadow-[0px_8px_24px_-8px_rgb(0_0_0_/_0.18),_0px_2px_6px_0px_rgb(37_99_235_/_0.12)]
Shadow layers
Layer 1
Layer 2
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Box Shadow Generator é uma ferramenta local do navegador para o fluxo de imagem e design. A entrada, as opções e o resultado ficam em uma única página.
How to use it
- Colar a entrada
Digite ou cole o valor que deseja processar na área de entrada.
- Ajustar opções
Escolha o modo, formato ou unidade que combine com box shadow, CSS shadow, elevation.
- Revisar o resultado
Execute a ferramenta e copie ou baixe o resultado somente depois de conferir.
Examples
Exemplo de Box Shadow Generator
- Input
- Entrada de exemplo
- Output
- Resultado revisado no navegador.
Practical tips
- Comece com uma amostra pequena quando o conteúdo for grande.
- Os anúncios ficam fora dos controles e resultados principais.
FAQ
Que entrada devo usar em Box Shadow Generator?
Use valores compatíveis com a tarefa visível e ajuste as opções antes de executar.
Posso copiar o resultado de Box Shadow Generator?
Sim. Revise o resultado e depois copie ou baixe quando estiver correto.
Box Shadow Generator funciona no celular?
Sim. Entrada, opções e resultado se organizam bem em telas pequenas.
Minha entrada é enviada a um servidor?
Não. A ferramenta foi projetada para processar a entrada no navegador.