簡単ですね。

コピペなら（笑）

.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);
} 

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

調べたら？（笑）

ざっくり説明すると

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

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

です。