Gerador de CSS text-shadow com pré-visualização
Gere um CSS text-shadow com pré-visualização ao vivo e código pronto para copiar.
Toolbin
🔒 100 % no cliente — nenhum dado enviado
Crie sombras de texto em CSS (text-shadow) em tempo real: ajuste deslocamento, desfoque e cor, depois copie o código pronto para usar. Uma pré-visualização ao vivo mostra o resultado instantaneamente. Tudo roda no seu navegador, sem envio de dados.
What is it for?
- ▸ Adicionar uma sombra legível a um título sobreposto
- ▸ Criar um efeito neon ou em relevo
- ▸ Ajustar desfoque e cor e depois copiar o CSS
- ▸ Testar o contraste da sombra antes de integrar
FAQ
Como text-shadow funciona?
Ele recebe um deslocamento horizontal, deslocamento vertical, raio de desfoque e cor, por exemplo 2px 2px 4px #000.
Posso empilhar várias sombras?
Sim, separe-as com vírgulas para efeitos de contorno ou neon.
O código está pronto para copiar?
Sim, o CSS completo é copiado com um clique.
Related tools
Proporção · calculadora Calcule uma proporção (16:9...) e derive uma dimensão proporcional ausente. Gerador de código de barras Gere um código de barras (EAN-13, Code128, UPC) a partir de um valor, baixável, no seu navegador. Base64 → imagem Decodifique um data URI ou Base64 em uma imagem visualizável e baixável, no seu navegador. CSS border-radius · gerador Crie cantos arredondados em CSS (border-radius) com pré-visualização ao vivo e código pronto para copiar. CSS box-shadow · gerador Gere um CSS box-shadow com pré-visualização ao vivo e código pronto para copiar. Removedor de fundo verde Torne uma cor de fundo (tela verde/azul) transparente e exporte um PNG, no seu navegador.