Texto · Sombra
Texto · Sombra. Aplique Texto · Sombra ao conteúdo. Configure Cor base, Deslocamento horizontal (px), Deslocamento vertical (px) e confira o resultado antes de copiar.
Aparência e saída
Executado neste navegadorResultado
Preencha os dados e execute a ferramenta para ver o resultado.
Como usar Texto · Sombra
- Confira o exemplo e as unidades; depois substitua pelos seus dados.
- Aplique Texto · Sombra ao conteúdo. Configure Cor base, Deslocamento horizontal (px), Deslocamento vertical (px) e confira o resultado antes de copiar.
- Execute a ferramenta, confira o resultado e copie ou baixe o necessário.
Método e escopo
Aplique Texto · Sombra ao conteúdo. Configure Cor base, Deslocamento horizontal (px), Deslocamento vertical (px) e confira o resultado antes de copiar.
Edite o exemplo ou cole seu próprio conteúdo.
Exemplo de entrada
Cor base: #0d6e9b Deslocamento horizontal (px): 4 Deslocamento vertical (px): 8 Raio de desfoque (px): 16
Dúvidas e verificações
Como Texto · Sombra determina o resultado?
Aplique Texto · Sombra ao conteúdo. Configure Cor base, Deslocamento horizontal (px), Deslocamento vertical (px) e confira o resultado antes de copiar.
O que devo conferir antes de processar?
Edite o exemplo ou cole seu próprio conteúdo.
Como verificar a saída?
Confira primeiro o exemplo e compare resultados importantes com a fonte ou o documento comercial original.
Cor base: #0d6e9b Deslocamento horizontal (px): 4 Deslocamento vertical (px): 8 Raio de desfoque (px): 16
Ferramentas relacionadas
Gerador de gradiente CSS
Aplique Gerador de gradiente CSS ao conteúdo. Configure Cor base, Segunda cor, Ângulo do gradiente (°) e confira o resultado antes de copiar.
Design e coresGerador de sombra de caixa
Aplique Gerador de sombra de caixa ao conteúdo. Configure Cor base, Deslocamento horizontal (px), Deslocamento vertical (px) e confira o resultado antes de copiar.
Design e coresGerador de cantos arredondados
Aplique Gerador de cantos arredondados ao conteúdo. Configure Raio superior esquerdo (px), Raio superior direito (px), Raio inferior direito (px) e confira o resultado antes de copiar.
Design e coresCSS · Filtrar
Aplique CSS · Filtrar ao conteúdo. Configure Brilho (%), Variação de contraste a partir de 100% (%), Escala de cinza (%) e confira o resultado antes de copiar.
Design e coresPrévia de favicon
Aplique Prévia de favicon ao conteúdo. Configure Cor base, Segunda cor, Texto do ícone e confira o resultado antes de copiar.
Design e coresCores · Converter
Aplique Cores · Converter ao conteúdo. Configure Cor base e confira o resultado antes de copiar.