02/11/2012

Tutorial: Imagens com efeito de borda

||
http://1.bp.blogspot.com/-mnvC7iwgDDY/UFaGrJ9nxSI/AAAAAAAAaJY/6K2onZ_tDUo/s1600/tumblr_m9kprt7d7L1qau345o3_500.gif

Affs sabe quando você ta com aquele soninho e vontade de dormi...mas tem trabalho fazer então você foge para o blog...é tó assim hoje. Mas trago um tutorial de como deixar suas imagens com um efeito bem legal delas se mecherem ao passar o mouse sobre ela mudando os seus lados.
Como tó com sono sei que vocês não devem tá intendendo nada né...bom tá aqui a imagem para vocês terem uma ideia, ao tocar ela se meche mudando os lados.


Agora vamos lá! Em seu HTML procure pelo ]]></b:skin>, acima dessa tag você ira apenas colar esse código.

.post img

filter:alpha(opacity=80);
 -moz-opacity:0.76; 
opacity:0.85;
- border-radius: 35px 0px 35px 0px;
-moz-border-radius: 35px 0px 35px 0px;
-webkit-border-radius: 35px 0px 35px 0px;
-transition-duration: 0.50;
-webkit-transition-duration: 0.50s;
-moz-transition-duration: 0.50s;
 } 
 .post a:hover img{
 filter:alpha(opacity=100);
 -moz-opacity:1.0; opacity:1.0;
-border-radius: 0px 35px 0px 35px;
-moz-border-radius: 0px 35px  0px 35px;
-webkit-border-radius: 0px 35px 0px 35px;
-transition-duration: 0.50s;
-webkit-transition-duration: 0.50s;
-moz-transition-duration: 0.50s; 
}


Visualize e veja se tá direitinho, salve e pronto! Então gostou??? Não esqueça de comentar bom...eu vou voltar a dormi  kkkk trabalho que espere ate a próxima post pessoal.

http://4.bp.blogspot.com/-3ftQb9fbUAg/UFaFfZMjUbI/AAAAAAAAaJQ/8GxIwv3adbg/s1600/tumblr_m9kprt7d7L1qau345o4_r1_500.gif

6 comentários:

  1. Curto muito seu blog, parabéns.

    ResponderExcluir
    Respostas
    1. Ibrigada fico feliz que tenha gostado

      Excluir
  2. Preocupação de amiga. Você está sumida estou preocupada. Adorei o post o blog ta muito bom. bjs

    ResponderExcluir
    Respostas
    1. Yo miguxa eu to de volta ^^
      Obrigada que bom que gostou

      Excluir
  3. Oiee flor sobre a afiliação, eu já te coloquei você lá, coloca eu ai rápido se não eu te tiro

    Bjs, bjs :*

    amantesdemoda.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Já coloquei você lá nos afiliados

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram