30 de ago. de 2012

Desculpem o sumiço + Tutorial - Efeito opacidade nas imagens(Hover)

Nyaa~~
Gomen por não ter postado todo esse tempo, sério gente...
Eu fiquei jogando Minecraft esse tempo todo(sim, sou sincera) e me esqueci de postar...
Gomenasai, gomenasai,  gomenasai,  gomenasai,  gomenasai,  gomenasai,  gomenasai,  gomenasai,  gomenasai,   gomenasai mesmo!
Bem, para compensar vocês, eu vou trazer um tutorial bem legal, acho que todos conhecem, mas é bem difícil achar um que funcione, sim, como colocar efeito opacidade nas imagens...
1. Vá em Design>>Editar HTML e procure por:
]]></b:skin> 

2. Acima desse código coloque:
/*---Efeito Opacidade / Crazyinhtml.blogspot.com---*/
.post img {
 -moz-opacity:0.60; opacity:0.60;/* Opacidade da imagem */
-webkit-transition-duration: 2s; /* Tempo de mudação de uma imagem para outra */
}
.post img:hover {
-moz-opacity:1.0; opacity:1.0;
}
.sidebar img {
 -moz-opacity:0.60; opacity:0.60;/* Opacidade da imagem */
-webkit-transition-duration: 2s;
}
/*---Fim do código / Don't Plagio---*/

Espero que tenham gostado =3
Me desculpem novamente, nunca mais vou esquecer do Blog!

4 comentários:

  1. Aham, a senhorita tem que postar no Ursinho Kawaii viu??

    ResponderExcluir
  2. Ja usei bastante esse efeito em outros Layouts, hoje em dia Opto por deixar as imagens sem efeito mesmo :)
    Aqui é lindo viu? Parabéns *-*
    Bjão!
    blog-part-of-me.blogspot.com

    ResponderExcluir