02/11/2012

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.


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

Códigos
.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
  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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345