Imagem com Efeito Hover e Arredondado

O efeito e que nem a da imagem acima . Só que não está com o "Efeito Hover"

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

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

Imagem Redonda:

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

Imagem com efeito Hover:

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

Tranquilo né? Bejus >.<