Imagem a hover

Então vamos para a maratona de truques?

O primeiro truque é imagem a houver

Não sabe oque é imagem a houver?

Bem eu acabei de por então acho que vcs não sabem mesmo.

Passem o mouse nessa foto a seguir:

Perceberam que as bordas mudaram?

Então hoje vim ensinar a fazer isso.

Primeiro vá no HTML do seu blog e procure por:

]]></b:skin>  

Depois cole acima do que você achou, isso:

img {
-webkit-transition-duration:.500s;
border-radius: 10px;
}
img:hover {
Border-radius: 11px 45px 11px 45px;
-moz-border-radius: 30px;
} 

 

 Modifique:
500 - duração do efeito.
10 - como a imagem vai ficar sem passar o mouse.
11px 45px 11px 45px = as outras larguras.

Modifique do seu gosto!

                                                               Bye bye