マウスオン時に画像を半透明にする

Yukimi Sato 173views 更新:2014年6月9日
a:hover{
    
    img{
    opacity:0.2;
    -moz-opacity:0.2;
    filter:alpha(opacity = 20);
    }
}

a:hover自体にbackgroundを指定すれば、マウスオンの時だけ透過された画像から背景色が見え、あたかも上にフィルターをかけたようになります。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません