Sobre esta ferramenta
O Gerador de sombras de texto aplica uma sombra à forma dos caracteres, com controlos de deslocamento, desfoque, cor e opacidade. A entrada aparece como texto simples: mesmo etiquetas HTML são apresentadas como texto e nunca executadas como código da página.
Como utilizar
- Introduza o texto que pretende pré-visualizar.
- Ajuste os deslocamentos horizontal e vertical e um raio de desfoque não negativo.
- Escolha a cor e a opacidade da sombra e observe o efeito no texto.
- Copie o CSS ou clique em Repor para recuperar os parâmetros iniciais.
Exemplos de utilização
- Deslocamentos pequenos e opacidade baixa produzem uma sombra discreta.
- Deslocamentos a 0 com mais desfoque permitem criar um brilho suave.
- Introduza letras ou símbolos de diferentes sistemas de escrita para comparar as sombras.
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);Funcionamento e explicação do CSS
text-shadow usa offset-x offset-y blur-radius color. A sombra segue a forma dos caracteres e não inclui spread-radius nem inset. A cor combina canais validados com a opacidade selecionada.
Utilizações comuns
- Ajustar efeitos de texto em títulos e cartazes.
- Criar sombras suaves para textos de marca.
- Compreender as diferenças entre os parâmetros de sombras de texto e de caixa.
Privacidade
Os dados introduzidos e os resultados são tratados apenas no seu navegador, sem serem enviados ou guardados automaticamente. Copie os resultados que pretender conservar antes de sair da página.
FAQ
Qual é a diferença entre text-shadow e box-shadow?
text-shadow acompanha os caracteres; box-shadow aplica-se à caixa do elemento.
Porque não existe spread em text-shadow?
A sintaxe padrão de text-shadow inclui dois deslocamentos, desfoque opcional e cor, mas não um raio de expansão.
Posso definir várias camadas de text-shadow?
O CSS aceita várias sombras de texto separadas por vírgulas. Esta página centra-se na geração fiável de uma única sombra.
O HTML introduzido no texto de pré-visualização é executado?
A entrada é tratada como texto; não são executados HTML nem scripts.