effetto fade con css

CSS
.fade {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
 
.fade:hover {
opacity: 0.5;
}

Source

Also in CSS: