Efecto de imagen aclarar/oscurecer

¡Hola! Aqui yo, reflexionando sobre la vida, la amistad...  Me pasan cosas muy raras... sera la pubertad (ok no xD) bueno, en este tuto os enseñare a hacer un efecto en las imagenes del blog en las que al pasar el ratón, la imagen se aclara o oscurece.

 Vamos a Edicion de HTML y antes de ]]></b:skin> pegamos esto:

img, a img {
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
}
img:hover, a:hover img {
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear;
}

Si quieres que las imagenes sean mas claras en estado normal baja el numero 100 y si quieres que al pasar el ratón sea mas oscuro o claro aumenta o disminuye el numero 70. El border-radius son los bordes de las imágenes