quarta-feira, 10 de outubro de 2012

0

Como colocar efeito Hover nas fotos??



Tumblr_mboxlg60xm1rismz9o1_500_large
Oii Pessoal Td bem? Akii hoje vou ensinar a por efeito "Hover" nas fotos postadas,
além de ser legal, tbm da um efeito muito bonito no blog...Entao vamos lá:
*-* Vá em design - Editar HTML - Aperte F3...
Aparecerá uma janelinha do lado direito, Cola lá esse código:
]]></b:skin> 
Depois de entrar cole a cima dele esse outro código:
.post img{ filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;- border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;-transition-duration: 1.90s;-webkit-transition-duration: 1.90s;-moz-transition-duration: 1.90s; }  .post a:hover img{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px  0px 0px;-webkit-border-radius: 0px 0px 0px 0px;-transition-duration: 1.90s;-webkit-transition-duration: 1.90s;-moz-transition-duration: 1.90s; } 

Depois é só clikar em salvar e pronto!! Viu simples e Fácil, e vá em seu blog e veja como fikou bonito.



Nenhum comentário:

Postar um comentário