Gerador de CSS Text Shadow
Projete efeitos CSS text-shadow visualmente com múltiplas camadas, predefinições e pré-visualização ao vivo.
Pré-visualização
Sample Text
36px
Fundo escuro
Predefinições
Saída CSS
Camadas de sombra
Camada 1
50%
Ctrl+Enter executarCtrl+Shift+C copiar
Saiba mais
CSS Text Shadow: crie efeitos de texto impressionantes
Crie efeitos de texto neon, relevo e 3D com CSS text-shadow usando controles visuais.
O que CSS Text Shadow faz
A propriedade CSS text-shadow adiciona efeitos de sombra aos caracteres de texto. Cada sombra é definida por deslocamento horizontal, deslocamento vertical, raio de desfoque e cor. Diferente de box-shadow, text-shadow segue a forma exata de cada glifo de caractere, criando efeitos que envolvem as formas das letras.
5 min de leituraLer o guia completo