簡単ですね。

コピペなら(笑)

.fade {
	opacity:1;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
} 

どうして同じようなのが4つも並んでいるの?とか、それぞれのことが気になって仕方ないという人は

調べたら?(笑)

ざっくり説明すると

フェードイン・アウトの速度を変えたけれぱ、0.3sの値を変えれば良い

透過時の濃淡を調整したければ、opacity=6.0の値を変えれば良い

です。