Gerador de sombra de texto CSS
Opções de sombra de texto
Camada 1
Estado
Inativo
Visualização ao vivo
Toolinix
Visualização de sombra de texto CSS ao vivo
Sobre esta ferramenta
CSS Text Shadow Generator ajuda você a construir visualmente valores de sombra de texto e copiá-los diretamente em seu projeto.
Você pode criar sombras suaves, contornos, efeitos de brilho ou sombras de texto neon multicamadas e, em seguida, analisar os valores existentes de volta em camadas editáveis.
Como usar
- Ajuste o deslocamento, o desfoque e a cor de uma ou mais camadas.
- Assista à atualização da visualização ao vivo instantaneamente.
- Use Gerar para normalizar o valor ou Analisar para dividir uma sombra de texto existente em camadas.
- Copie o valor bruto ou a regra CSS completa.
Dicas
- Use pequenos valores de desfoque para obter contornos nítidos.
- Combine várias camadas desfocadas com deslocamento zero para obter efeitos de brilho neon.
- Uma sombra sutil geralmente fica melhor do que uma muito escura.
- Múltiplas camadas podem criar uma profundidade mais rica do que uma única sombra.
Ferramentas relacionadas
Você também pode achar essas ferramentas úteis.
Gerador / Parser de Box Shadow CSS
Gere, analise e visualize valores de `box-shadow` CSS. Ajuste offset, blur, spread, cor e `inset`.
Utilitários Diversos
›
Gerador de filtro CSS
Gere e analise valores de filtro CSS com visualização ao vivo para desfoque, brilho, contraste, escala de cinza, rotação de matiz, inversão, opacidade, saturação e sépia.
Utilitários Diversos
›
Gerador de animação CSS
Gere abreviações de animação CSS, quadros-chave e CSS pronto para uso com visualização ao vivo.
Utilitários Diversos
›
Conversor de cores
Converta cores HEX, RGB, RGBA e HSL instantaneamente em seu navegador.
Utilitários Diversos
›
Perguntas frequentes
Posso usar várias sombras de texto?
Sim. Este gerador suporta múltiplas camadas e as gera como um valor de sombra de texto separado por vírgula.
Qual é a diferença entre text shadow e box shadow?
A sombra do texto afeta os caracteres, enquanto a box shadow afeta a caixa do elemento.
Posso colar um valor de sombra de texto existente?
Sim. Use a função de análise para carregar um valor de sombra de texto existente em camadas editáveis.
Esta ferramenta suporta efeitos neon e de contorno?
Sim. As predefinições incluídas cobrem sombras de texto suaves, neon e em estilo de contorno.