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.