efecto: opacidad en tus imagenes

hola, traigo un efecto de opacidad que no es mio abajo del tuto estaran los creditos, bueno
empecemos:


vamos a Plantilla>>Editar HTML>> damos click y pondran ctrl+f y saldra un cubito en el
colocan:  /* Content   o   /* Content

----------------------------------------------- */  debajo pegas el siguiente 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;

}

para cambiarlo:

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

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

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

y eso seria todo =3 espero que les sirva mucho y chau!               creditos: {x}