Gerador de sombra de texto CSS para pessoas preguiçosas.
Escolha um estilo predefinido da galeria ou gere uma sombra de texto com suas preferências. Configure os atributos desejados para obter o código CSS.
Desloque a sombra para a direita / para baixo, defina o desfoque e a opacidade e escolha uma cor da paleta para obter seu CSS. Use o editor online para ajustar seu estilo manualmente. Siga a evolução da sua sombra na visualização ao vivo, onde você pode definir um texto personalizado e uma cor de fundo.
Explicação da sombra do texto CSS3
A propriedade text-shadow do CSS3 é uma das técnicas mais populares para aprimorar progressivamente o design de um site. Embora estivesse originalmente na especificação CSS 2.1, foi retirado devido à falta de suporte. No entanto, agora está de volta ao CSS 3 e tem amplo suporte entre os navegadores modernos.
Leva quatro valores: o primeiro valor define a distância da sombra na direção x (horizontal), o segundo valor define a distância na direção y (vertical), o terceiro valor define o desfoque da sombra e o último valor define a cor.
Embora seja relativamente fácil de lembrar em comparação com outras regras CSS3, como border-radius, é útil ter um gerador como este para que você possa gerar sua sombra de texto em tempo real e ajustá-la com controles semelhantes ao Photoshop.
