astuces pour qu'une image s'allume au passage de la souris

astuce donnée par stormalo :

(ce qui est en vert est un ajout facultatif, pour info)

/* image opaque */
img {
-moz-transition: opacity 0.4s linear 0s;
-webkit-transition: opacity 0.4s linear 0s;
transition: opacity 0.4s linear 0s;
opacity: 0.5;
}
/* image claire */
img:hover {
-moz-transition: opacity 0.4s linear 0s;
-webkit-transition: opacity 0.4s linear 0s;
transition: opacity 0.4s linear 0s;
opacity: 1;
}