Sombras em textos utilizando apenas CSS

Hoje vou mostar como adicionar sombras em textos, links ou elementos no blogger utilizando apenas comandos CSS3. É fácil e o resultado é bem bacana.

Vale lembrar que este é um tipo de efeito que não funciona em todos os navegadores, somente naqueles que suportam a propriedade CSS2/CSS3.

✅ Canal no Youtube | Inscreva-se AGORA ✅

Veja alguns resultados de sombras aplicadas em simples textos:

TEXTO COM SOMBRA EM CSS

Para adicionar vá ao painel do blogger e clique em Design -> Editar HTML.

Escolha o local onde será aplicado a sombra. Por exemplo, para colocar no título da postagem procure por:

.post h3 a

e cole logo abaixo o código CSS da sombra:

text-shadow: 2px 2px 2px #ccc;

O valores destacados acima referem-se respectivamente:
Vermelho: Posição horizontal
Laranja: Posição vertical
Azul: Intensidade da sombra
Rosa: Cor da sombra.

Visualize e veja se deu tudo certo.

Dica: Com um pouco de criatividade é possível chegar a vários resultados diferente utilizando a propriedade text-shadow. Teste de maneiras distintas e veja qual se encaixa melhor ao seu estilo ou ao estilo do seu blog.

Até já.

1 Comentário