3 de ago de 2012

Tutorial: Como colocar efeito hover nas imagens do blog

Oi oi gatos e gatas ~
Bom, primeiro me desculpem pela falta de post aqui, é porque eu estou sem tempo e a Renata foi viajar. Mas enfim ... hoje trouxe um tutorial que achei legal e estamos usando aqui no blog. É o efeito hover nas imagens do blog =)
Vamos conferir ?
 Vá em design ~> Editar html ~> Aperte CTRL + F e procure por :
]]></b:skin>
 Quando achar, cole acima dele o 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; } 
Visualize, e se as imagens estiverem um pouco clarinhas é porque deu certo, salve. Se não, tente novamente !
Prontinho! Mais um efeito lindo para seu blog :)
Beijos :*
Obs.: Se usar ou reblogar de os créditos!

3 comentários:

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. Obg pelo tutorial! Parabéns!

    ResponderExcluir
  3. Arigatô ^_^
    Me ajudou muito.;..
    Fiz um post sobre seu tutorial no meu blog e deixei os créditos ♥
    Visite ♥ Pastel De Flango
    bjoon ;)

    ResponderExcluir


Layout by Nathália Helena MR. ~ Morangos também falam | No copy