Gerador de sombra de texto CSS

O gerador de sombra de texto CSS é um editor visual da propriedade Text-Shadow CSS. Você ajusta o deslocamento horizontal, o deslocamento vertical, o raio de desfoque, a cor e a opacidade com os controles deslizantes e observa o efeito renderizado ao vivo no texto da amostra e, em seguida, copia o CSS exato. Em vez de adivinhar os valores dos pixels e atualizar sua página, você molda a sombra diretamente e lê o código que ela produz.

A propriedade text-shadow é mais simples que o box-shadow — não tem um raio de spread e nenhuma palavra-chave inserida — mas a camada é onde fica poderosa. Uma única declaração pode empilhar várias sombras, cada uma com seus próprios deslocamentos, desfoque e cores. Empilhar camadas é como você constrói brilhos de néon, contornos duros, letras 3D retrô, efeitos de gravação em letras e sombras longas e planas. Escrever manualmente é complicado, então essa ferramenta gerencia as camadas e gera uma declaração separada por vírgulas, válida por vírgulas na ordem correta de pintura.

Tudo acontece no seu navegador. Escolha uma predefinição como neon glow ou contorno, ajuste cada camada, alterne a visualização entre fundos claros e escuros, edite o texto de amostra e copie o CSS. Sem conta, sem uploads e ele continua funcionando offline depois que a página é carregada.