Borda e opacidade nas imagens

Haay fofoquenhas!!!!!!!!!!!!

Não sei se já foi postado, pois trouxe um tutorial de deixar a borda arredondada e opacidade na imagem quando passa o mouse, fica um resultado agradável, e não é difícil.

Procure por ]]></b:skin> e acima cole:

/*------ IMAGE ANIMATION------*/
img {
filter:alpha(opacity=100);
-webkit-transition-duration:.5s;
}
img:hover {
filter: alpha(opacity=60);
opacity: .6;
-webkit-border-top-right-radius:10;
-webkit-border-top-left-radius:10;
-webkit-border-bottom-right-radius:10;
-webkit-border-bottom-left-radius:10;
}
img:hover {
filter: alpha(opacity=60);
opacity: .60;
border: 0px dotted #000000;
border-radius: 10px;
-moz-border-radius: 10px;
}
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}