Gerador Text Shadow CSS Grátis: Sombra de Texto Visual Online
19 usos2px
2px
4px
50%
Hello World
Dicas Text Shadow
Sombra visual
X/Y offset, blur e cor. Preview em tempo real.
CSS pronto
text-shadow gerado automaticamente.
Cor e difusão
Qualquer cor com opacidade. Mais blur = mais suave.
Perguntas Frequentes
Como funciona?
text-shadow: X Y blur cor.
Múltiplas sombras?
Sim em CSS, separadas por vírgula.
Para que serve?
Títulos, texto sobre imagens, efeitos néon.
Esta ferramenta criará sombras que parecerão pixelizadas ou desfocadas em diferentes resoluções de tela?
Não, não criará. O gerador cria propriedades CSS `text-shadow` padrão. Estas são baseadas em vetores e escalam com seu texto. Você obterá sombras nítidas em telas de alta resolução e sombras padrão em outros locais. Basta garantir que o tamanho da sua fonte base esteja configurado adequadamente.
A ordem dos valores da sombra importa?
Sim, com certeza. O CSS lê os valores de text-shadow em uma sequência rígida: deslocamento X, deslocamento Y, raio de desfoque e depois cor. Misturá-los quebra a sombra ou causa comportamentos inesperados. Por exemplo, '2px 2px 4px #000' funciona perfeitamente, mas '2px 4px #000 2px' não renderiza como esperado. O gerador mantém essa ordem automaticamente, então você copia o código sem preocupações.
Como Usar
- Escreva texto preview
- Ajuste X, Y, blur
- Escolha cor
- Preview em tempo real
- Copie CSS