Imagens com bordas arredondadas estilo hover. By: Sweet Poison

Oi minhas xícaras de leite com canela, hoje eu vou ensinar como colocar as bordas das imagens arredondadas com estilo diferente. O estilo que está na minha imagem, igual a essa que o Sweet Poison fez:



Viu que legal? Então, é muito fácil. 
Primeiro:
1. Design > Editar HTML
2. Aperte Ctrl+F ou F3
3. Pesquise por:  ]]></b:skin>
4. Em cima desse código (]]></b:skin>)  coloque esse código:


.main img {
-moz-border-radius: 03px;
-webkit-border-radius: 0px 30px 0px 30px; 
-webkit-transition-duration: .70s; 
}

.main img:hover {
-moz-border-radius: 03px;
-webkit-border-radius: 30px 0px 30px 0px; 
-webkit-transition-duration: .70s; 
}


Salve e visualize! Fácil né? 
Comentem. 
Beijos, Giulia.