マウスオーバーでリンク画像を透明化

| コメント(0) | トラックバック(4)

filter:alpha(opacity=**)

を使えばIEでは画像の透明度を変えられる。しかしCSS3を使えば他のブラウザでも透明化を実現できる。これを使ってちょっとマウスオーバーで画像が光る(ってか白っぽくなる)ような効果を出してみたり。

透明化で白っぽくなるためには背景が白っぽくないとダメかもしれない。
(まあ逆に言えば黒っぽくしたかったら背景を黒くすればいいかも←未確認)

a:hover img { opacity:0.7; filter:alpha(opacity=70); }

これ一個書いておくとマウスオーバーしたリンク画像はみんなちょっと光ったような感じになる。
※個人の感想です。

トラックバック(4)

トラックバックURL: http://webtips.weblog.am/webtips_mt/mt-tb.cgi/694

マウスオーバーでリンク画像を透明化 - Web Tips 続きを読む

voyance gratuite immediate - voyance gratuite immediate (2013年11月10日 05:57)

マウスオーバーでリンク画像を透明化 - Web Tips 続きを読む

マウスオーバーでリンク画像を透明化 - Web Tips 続きを読む

http://topgolfshop/8BcVkBKA7T/NIKE-1202.htm/ - http://topgolfshop/8BcVkBKA7T/NIKE-1202.htm/ (2014年10月21日 12:53)

銉兂銈裤儷銇с亰璨搞仐銇椼仸銇勩伨銇? 続きを読む

コメントする

このブログ記事について

このページは、きえが2011年9月14日 16:25に書いたブログ記事です。

ひとつ前のブログ記事は「軽くていろいろ便利なキャプチャーソフト」です。

次のブログ記事は「ActionScript3.0でローディング」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。