CSSだけで画像のマウスホバー

参考サイト design-plus1.com…

マウスホバー時の画像変更は、通常ロールオーバー用の画像を用意するのですが、面倒な時やブログなどで頻繁に使うときは、CSSだけでhover時に画像を半透明にさせる方法もあります。

 

追記 もう100%どのサイトにも入れてます

CSSに下記を追記(不透明度60%)。

a img.linkimg{
background:none!important;
}

a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

背景画像で設置している時はbackground:none 消したりしています。

見ていただいてありがとうございます。↓ポチしてくださいませ。
  • 見た (1)
  • もう少し詳しく書いて! (0)
  • 見たけど役立たず (0)
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

目次