Gerador de CSS de sombra de texto on-line
Crie efeitos de texto gradiente impressionantes para o seu site
Controls
Múltiplas Sombras
Shadow 2
Predefinições populares
Preview
Sobre o Text Shadow Generator
Fácil de usar
Gere belas sombras de texto com nossa interface intuitiva. Não é necessário conhecimento de CSS!
Totalmente responsivo
Funciona perfeitamente em todos os dispositivos, desde telemóveis a computadores de secretária.
Obtenha código CSS limpo e pronto para produção que você pode usar em seus projetos instantaneamente.
Como usar o gerador de sombras de texto
Ajuste os controles deslizantes
Modifique o deslocamento horizontal, o deslocamento vertical, o raio de desfoque e a opacidade para criar a sombra perfeita.
Escolha uma cor
Escolha qualquer cor para sua sombra de texto usando o seletor de cores ou a entrada de código hexadecimal.
Visualize seu design
Veja como sua sombra de texto fica em tempo real com nossa visualização interativa.
Copie o CSS
Clique no botão copiar para obter o código CSS gerado e usá-lo em seu projeto.
Exemplos populares de sombra de texto
Efeito Neon Glow
Efeito Neon Glow
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;
Efeito de texto 3D
Efeito de texto 3D
text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;
Sombra Sutil
Sombra Sutil
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
Sombra Interior
Sombra Interior
text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
Related Tools
Conversor de caneta para CSS
Transforme seu código SCSS em CSS. Rápido, fácil e seguro.
Conversor SCSS para CSS
Transforme seu código SCSS em CSS. Rápido, fácil e seguro.
Conversor de Sass para CSS
Transforme seu código Sass em CSS. Rápido, fácil e seguro.
JSON Editor
Edite Big JSON com Facilidade - Rápido e Suave
Conversor de Sass para CSS
Transforme seu código Sass em CSS. Rápido, fácil e seguro.
Texto para Octal
Converta texto em representação octal sem esforço