マウスオーバー1

【 opacity：透明度　transition：時間的変化 】

/*---------------------------------
マウスオーバー（明るくするだけ）
---------------------------------*/
a:hover img{
opacity:0.7;
transition-duration: 0.7s;
}

【 opacity：透明度　transform：変形　transition：時間的変化 】

a:hover img{
opacity:0.7;

transform: scale(1.02);
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);

transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
}