E antes dele cole os seguintes codigos:
Bordas arredondadas
.main img {border: 3px solid ;-webkit-transition-duration: .50s; }
Borda folha - hover
Opacidade
.post img {-moz-border-radius: 10px;-webkit-boder-radius: 10px;border-radius: 10px;}Bordas cinzas
.main img {border: 3px solid ;-webkit-transition-duration: .50s; }
Borda folha - hover
.post img {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;-webkit-transition-duration: .50s;border-radius: 10px 0px 10px 0px;}.post img:hover {filter:alpha(opacity=82);-moz-opacity:0.82;opacity:0.82;-webkit-transition-duration: .50s;border-radius: 0px 10px 0px 10px;}Borda colorida - hover
.main img {border: 3px solid #f17c9d;
-webkit-transition-duration: .50s;}.main img:hover {
border: 3px solid #c8a2d4;
-webkit-transition-duration: .50s;}
✖ No lugar destacado coloque a cor que preferir.
Opacidade
.main img {filter:alpha(opacity=82);-moz-opacity:0.82;opacity:0.82;}.main img:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;duration: 50s;}
Espero ter ajudado vocês de alguma forma, alguma duvida só comentar meninas é isso beijos.
Fonte: ✖
Adorei os efeitos! Acho que usarei um desses em meu blog. Beijos :*
ResponderExcluirminhas-confissoes-2012.blogspot.com
tutorias com efeito muito úteis!!
ResponderExcluirmerriemafia.blogspot.com.br
Adorei o tutorial! Gostei do efeito :) Talvez eu devo usar um desses. bjs http://apenasonossoblog.blogspot.com.br/
ResponderExcluirLindos efeitos! O da borda arredondada e é o melhor >.<
ResponderExcluirBom, eu adorei seu blog e já estou seguindo. Queria pedir pra você seguir o meu também,
já que eu comecei esse novo blog agora e você sabe... é osso, né?
Então, eu te espero lá no blog, viu?
Beijos, Annie
>>> http://rainha#dosubmundo.blogspot.com.br/ <<<
(Retire o jogo da velha (#), caso venha me fazer uma visitinha *U*)
troca afiliação ?
ResponderExcluir-http://tao-eu-tao.blogspot.com.br/