7 de outubro de 2012

Efeito hover nas fotos do blog

66102_298862376886699_101124415_n_large

Oiie povo, eai td bem!! como se alguem fosse me responder...
Hoje eu trago aqui pra vocês como colocar o efeito "hover" nas fotos do blog é muito fácil e as fotos ficam de um jeito muito legal e também concerteza dá um charminho a mais no  blog... Entaum vamos lá!!
-> Vá em design -> Editar  HTML -> aperte F3 ...
aparecerá uma janela coloca lá o seguinte código:
]]></b:skin> 
 Após encontrar 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ó clickar em salvar e pronto! Vá em seu blog e veja como ficou lindo!! 


2 comentários :

~Gih Rσuch~ disse...

Yoooooo ~ oi flor!!Adorei o result!!To usando no meu blog!!Bjinhoo!Amei o seu blog ^.~

~Gih Rσuch~ disse...

Yooooooo ~ Hi flor td bem??Amei o result!!Usei no meu blog e ficou megaa super legal!! Bjinhoo amei o seu bloguinhoo! ^.~