CSS-text-shadow-Generator
Ajuste o deslocamento, o desfoque e a cor de uma sombra de texto CSS e obtenha instantaneamente o valor text-shadow correspondente, com pré-visualização ao vivo. Cálculo 100% local no seu navegador — nada é enviado a um servidor.
So funktioniert es
A propriedade CSS text-shadow aceita um deslocamento horizontal, um deslocamento vertical, um raio de desfoque opcional e uma cor. Esta ferramenta permite ajustar cada valor com controles deslizantes e ver imediatamente o resultado em um texto de demonstração, para compor um efeito de relevo, brilho ou estilo retrô sem ter que adivinhar os valores à mão.
Kann ich mehrere Schatten auf denselben Text legen?
Sim, a propriedade text-shadow aceita várias declarações separadas por vírgulas (por exemplo, para um efeito neon com vários halos sobrepostos). Esta ferramenta gera uma única sombra por vez; você pode copiar o resultado e combiná-lo manualmente com outros valores, se precisar.
Como obter um efeito "neon" convincente?
Defina os deslocamentos horizontal e vertical como 0, aumente bastante o desfoque e escolha uma cor vibrante sobre um fundo escuro: é exatamente a combinação usada pela predefinição "Efeito neon" acima.
Nenhum dado sai do seu dispositivo: o cálculo e a pré-visualização são gerados inteiramente em local pelo seu navegador.