Borda em efeito hover nas imagens!

Tumblr_lzr5zb2its1r9tk5bo1_500_large 
Boa noite gente !
Sabe esse efeito que uso nas imagens ? Então hoje vim ensinar a como coloca-ló  fica super fofo ! Eu adoro ele ! Querem ver ? Cliquem em leia mais .


Vá em seu HTML procure por ]]></b:skin> acima dele cole:
.main img {
border: 3px solid  #CORDABORDANORMAL;
-webkit-transition-duration: .50s;
}
.main img:hover {
border: 3px solid #CORDABORDAEMHOVER;
-webkit-transition-duration: .50s;
}

Visualize , se estiver tudo ok , salve !

Códico:Wonderland Cherry 

Beijos , até a próxima !

7 comentários:

  1. Amei o tuto florzinha...Amei seu blog. Obrigada por visitar o blog. Volte sempre!
    Bezoos ~> chuvasdioutono.blogspot

    ResponderExcluir
    Respostas
    1. Obrigada ^^ Que bom que amou o
      blog . Pode deixar que sempre
      vou dar uma passadinha lá '

      Beijoooooooos'

      Excluir
  2. Adorei!Acho que vou postar esse tutorial lá no BSMP,e darei os créditos a você é claro.E também acho que vou usa-lo.Fica muito cute.
    Beijos!

    ResponderExcluir
    Respostas
    1. (: Obrigada fofa ! Usa mesmo , fica
      tão fofo .

      Abraços'

      Excluir
  3. Queriia AFILIAÇÂO!!
    www.garotastrass.blogspot.com.br

    ResponderExcluir
  4. Que legal e fácil de fazer!

    Já estou seguindo, participa do sorteio lá do blog, vai???
    http://debby-beleza.blogspot.com.br/2012/12/sorteio-de-verao.html

    ResponderExcluir