Arredondar bordas das imagens - Hover

Viram o novo lay???

Olá minhas azeitonas de Paris^^
Hoje vou ensinar um efeito muito lindo, que é arredondar a borda das imagens, mais com efeito hover.

1- Vá em Desing> Editar HTML
2- Aperte F3 e digite na caixinha ]]></b:skin>
3- Acima dó código, cole:

.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; 
} 
 Simples, não é? Aprendi no Sweet Poison.
Beijos e ontem não postei pois estava sem internet!!!!