Descreva seus títulos com CSS3
Desde que o CSS3 apareceu, muitas possibilidades se abriram e hoje são usadas diariamente na maioria dos sites.. Os novos navegadores apesar de algumas diferenças, Eles estão cada vez mais alinhados e mantêm muitas das normas padronizadas nesse sentido..
Olá, depois de muito tempo e embora não por falta de vontade ou material, bastante tempo e mãos para isso, Deixamos para vocês este pequeno truque que tornará seus títulos da web muito mais atraentes.
Ter uma fonte Arial ou Helvetica pode parecer um pouco fora de moda, mas talvez dar um toque artístico possa ter um efeito muito mais impressionante no leitor.. Para fazer isso você só terá que adicionar uma classe ao seu título (h1….h6) por exemplo, para ter um esboço do que há de mais atual em seus títulos. Neste caso, um contorno azul aparece (#057AC6 )
Primeiro faremos o seguinte em nosso título (lembre-se de h1, h2… h6):
<classe h1="contornotexto">Esta é a manchete"</h1>
E no arquivo CSS (estilo.css para wordpress ) adicionamos o seguinte:
.contornotexto{
sombra de texto:
2pixels 0 0 #057AC6,
-2pixels 0 0 #057AC6,
0 2pixels 0 #057AC6,
0 -2pixels 0 #057AC6,
1px 1px #057AC6,
-1px-1px 0 #057AC6,
1px-1px 0 #057AC6,
-1px 1px 0 #057AC6;
}
Você pode ver o resultado do antes e depois aqui:
Rápido, certo?? Se você também combinar isso com o “canetas” clássicos e outros atributos, você pode ter manchetes realmente espetaculares sem precisar usar o photoshop ou outros programas …. e com a vantagem de ser 100% amigos (SEO amigável)
Como sempre, é um prazer poder contribuir com mais um grão.…