chevron_right

Gerador de text-shadow

Crie efeitos de CSS text-shadow com pré-visualização ao vivo.

Olá mundo

Configurações de pré-visualização

Texto

Tamanho da fonte: 48px

Cor do texto

Fundo

Predefinições

Shadow {idx + 1}

H-Offset: 2px

V-Offset: 2px

Blur: 6px

Cor

CSS gerado

text-shadow: 2px 2px 6px rgba(0,0,0,0.3);

Ferramentas semelhantes

Gerador de Box Shadow

Crie sombras CSS visualmente com prévia em tempo real.

Ferramenta de espaçamento entre letras

Ajuste e visualize o CSS letter-spacing com zonas de legibilidade.

Calculadora de line-height

Calcule alturas de linha ideais para uma tipografia legível.

Gerador de gradientes

Crie gradientes CSS visualmente com pré-visualização ao vivo.

Comprimir Imagem

Reduza o tamanho do arquivo de imagem sem perda de qualidade notável.

Decodificador Unicode

Decodifique sequencias de escape Unicode para texto legivel.

SVG para Fundo CSS

Converta código SVG em uma URL de dados para background-image CSS.

apps

Mais ferramentas

Explore nossa colecao completa de ferramentas online gratuitas.

Modele efeitos de texto visualmente antes de empilhar sombras demais

Text shadows podem trazer profundidade, brilho ou um ar retrô, mas ficam confusos rapidamente quando deslocamentos e desfoques começam a se acumular. Esta ferramenta ajuda a experimentar visualmente, comparar predefinições e manter o CSS final mais limpo.

Onde funciona melhor

Ela é ótima para títulos hero, selos, logotipos e chamadas decorativas. Antes de publicar o efeito, teste-o em tamanhos menores e sobre fundos diferentes para confirmar que a sombra reforça o texto em vez de competir com ele.