Titulo dos posts com efeito - Movimento CSS3


Que tal deixar os títulos de suas postagens com um belo efeito CSS3? Praticamente tudo em nosso blog tem que ser interativo  para que nossos visitantes tenham uma boa impressão, então nada melhor deixar interativo aquilo que seja mínimo. Devemos cuidar do nosso blog e se preocupar com seu designer nem que seja nos pequenos detalhes, e os títulos das postagens não podem ficar de fora.

O efeito trata-se de uma transição CSS3 que movimenta o título quando posicionamos o cursor sobre ele, um efeito hover.

Agora vamos aplica-lo em seu blog. Para isso, entre no painel principal do seu blog e acesse o “Editar HTML”.
 Já no HTML do blog, procure por:

.post h3 a, .post h3 a:visited, .post h3 strong {
OBS: Se não localizar é só ir apagando quer vai localizar!

Abaixo dessa linha cole o seguinte código CSS:

 -webkit-transition:All 0.5s ease; <br /> -moz-transition:All 0.5s ease; <br /> -o-transition:All 0.5s ease;<br />



Agora procure por:

.post h3 strong,.post h3 a:hover {
OBS: Se não localizar é só ir apagando quer vai localizar!

Abaixo dessa linha cole o seguinte código:



 -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(10px); <br />
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(10px); <br />
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);<br />




Pronto! Agora é só deixar seus visitantes e seguidores desfrutarem da novidade em seu blog.


0 comentários:

Postar um comentário

Subir Bajar