Como colocar efeito redondo nas imagens?

O efeito e que nem a da imagem acima (passe o mouse)

HTML >>Aperte F3 >>  Procure ]]></b:skin>

Depois cole a cima desta linha o código seguinte:

.post img {
-webkit-transition-duration: .50s;
border-radius: 10px 10px 10px 10px;
}
.post img:hover {
-webkit-transition-duration: .50s;
border-radius: 200px 200px 200px 200px;

} 

Tranquilo né? Beijos MB!