Gerador de CSS Text Shadow
Gere CSS text-shadow com visualização ao vivo. Empilhe múltiplas sombras com predefinições de neon, relevo e mais.
Predefinições
Configurações de texto
Camadas de sombra
Visualização
Shadow Text
CSS Gerado
text-shadow: 2px 2px 4px #000000;
Trecho completo
.text-shadow-effect {
color: #333333;
font-size: 48px;
font-family: sans-serif;
text-shadow: 2px 2px 4px #000000;
}Como usar
Inserir Texto
Insira o texto para visualização
Ajustar Parâmetros
Ajuste deslocamento, desfoque e cor
Copiar
Copie o código CSS para uso
Recursos
Visualização ao Vivo
Veja o efeito de sombra de texto em tempo real
Múltiplas Sombras
Sobreponha múltiplas sombras de texto
Predefinições
Predefinições como neon, relevo e mais
FAQ
🔗Ferramentas relacionadas
Conversor de Código de Cor
Converta entre códigos de cor HEX, RGB e HSL. Use o seletor de cores e a visualização em tempo real para seleção intuitiva de cores.
Seletor de Cores
Selecione cores intuitivamente usando uma roda de cores e controles deslizantes. Obtenha e copie códigos de cor nos formatos HEX, RGB e HSL.
Extrator de Cores de Imagem
Detecte automaticamente as cores dominantes de uma imagem e gere uma paleta de cores. Você também pode clicar em qualquer lugar da imagem para selecionar cores individuais.
Seletor de Cor Média da Imagem
Calcule a cor média de uma imagem inteira ou de uma área selecionada. Útil para escolher esquemas de cores ou cores de fundo de miniaturas.
Gerador de Gradiente CSS
Crie visualmente gradientes CSS com controles de arraste. Suporta tipos de gradiente linear, radial e cônico com predefinições.
Gerador de CSS Box Shadow
Crie visualmente CSS box-shadow com controles deslizantes. Suporta múltiplas sombras e sombras internas.