Pour avoir des images comme celles-ci (une image transparente mais en couleurs quand on passe sa souris dessus (et avec une bordure en couleur)) :

Je crédit Lune Blanche....

Il nous faut ce code CSS :

img { -moz-transition: opacity 1s linear 0s;
-webkit-transition: opacity 1s linear 0s;
transition: opacity 1s linear 0s;
opacity: 0.35;
}

img:hover {
-moz-transition: opacity 1s linear 0s;
-webkit-transition: opacity 1s linear 0s;
transition: opacity 1s linear 0s;
opacity: 10;
}
.module_contenu img {max-width:500px;height:auto;}
.module_contenu img { border-radius:30px 30px 30px 30px;}
.module_contenu img {
   border: 3px solid #7ca4ac;
   box-shadow: 0px 0px 20px #7ca4ac;
  }
#content img:hover{
  opacity: 1;
  -webkit-box-shadow: 0px 0p

x 15px #7ca4ac;
  box-shadow: 0px 0px 50px #7ca4ac;
  }
 #content img {  -webkit-border-radius: 00px;
  border-radius: 00px;
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
}

Voilà, j'espère que vous pourriez l'utiliser...