Efecto para tus imágenes con opacidad {1}

Hola criaturas kawaiis  bueno todo esto es para un tutorial del futuro en Youtube YAY!. Ah esto lo saque de una plantilla de Blogskins cuando vi el efecto me enamore  ademas era SNSD y más me gusto XD aqui les dejo la previa :3

¿Como ponerlo?

Te vas a Plantilla>>Editar HTML>> Le daras click ,aras Ctrl+F y buscaras /* Content  o /* Content

----------------------------------------------- */ 

O la mitad pero te tiene que salir XD como naranjita o azulito :3 y debajo pegaras este codigo:

img {
border-radius:10px;
opacity:0.8;
-webkit-transition-duration:2.5s;
}
img:hover{
border-radius:30px;
opacity:10.8;
-webkit-transition-duration:2.5s;
}

Rojo: Es la opacidad cuando no esta pulsado, cuanto mas bajo el cero coma menos se vera la imagen, si llega ah uno se vera normal , si llega a cero coma uno se ve casi nada :3

Magenta: Que tan pronunciadas son las curvas de las esquinitas cuando no pasas el cursor.

Naranjito: Que tan pronunciadas son las curvas de las esquinitas cuando pasas el cursor

Eso es  todo ojala que les guste ! :3

BYE!