Gerador de sombra de texto
Crie estilos de sombra de texto legíveis com visualização de tipografia ao vivo. Marque o deslocamento, o desfoque e a cor e copie o CSS.
Text Shadow Generator
LiveShadow
CSS output
text-shadow: 2px 4px 12px #be185d;
Key capabilities
- Crie estilos de sombra de texto legíveis com visualização de tipografia ao vivo.
- Executa no seu navegador
- Grátis para usar
Como usar
- Digite um texto de exemplo, se desejar.
- Ajuste o deslocamento X/Y, desfoque e cor.
- Copie o CSS da sombra do texto.
How this tool works
- Digite um texto de exemplo, se desejar.
- Ajuste o deslocamento X/Y, desfoque e cor.
- Copie o CSS da sombra do texto.
Recommended settings
- Use as opções padrão primeiro e depois ajuste se necessário
Supported formats
Text / on-page input
File size and limits
- Visualizações multicamadas muito complexas podem parecer mais lentas em telefones mais antigos.
Privacy
Os geradores de cores e CSS são executados inteiramente no seu navegador. Pré-visualizações e conversões nunca carregam seus estilos.
Common use cases
- Use o Text Shadow Generator sempre que precisar: crie estilos de sombra de texto legíveis com visualização de tipografia ao vivo.
Troubleshooting
A visualização parece diferente depois de colar
Verifique se há CSS concorrentes em sua página (redefinições, cores herdadas). Copie primeiro a regra gerada em uma folha de estilo isolada.
Perguntas frequentes
Isso carrega meu CSS?
Não. Geradores e conversores são executados em seu navegador com visualização ao vivo.
Eu preciso de uma conta?
Não. Abra a ferramenta, ajuste os controles e copie o CSS.
Ferramentas relacionadas
Box Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open toolColor Contrast Checker
Check foreground/background contrast against WCAG AA and AAA guidelines.
Open tool