17 de mar de 2013

Tutoriais: Bordas coloridas em hover na imagem dos posts.

               

                                                         Olá Rilakkumas *o*


Hoje venho trazendo um tutorial (efeito bordas coloridas em hover )  nas imagens do seu post. É um tuto popular,porém muito fofo e fácil o efeito e eu to afim de ensinar a vocês  ^^   Bora lá?

1-Vá no modelo do seu blog --> Editar Html --> dê crtl + f e procure por ]]></b:skin>  .Acima da tag cole o pequenino código abaixo:

main img { 
border: 3px solid #f17c9d
-webkit-transition-duration: .50s; 
.main img:hover { 
border: 3px solid #c8a2d4
-webkit-transition-duration: .50s; 
}  

Entendendo o código:     Onde está em negrito é a cor da borda normal e o de baixo é a borda em hover.

                       Fácil né? espero que tenham gostado.Kisses *o*


Um comentário:

Seja Educado
Comente sua opinião
Qualquer erro,reclame
Comente e seja feliz <3