opacity プロパティ （リンク画像をハイライトする） ｜ SHOWFUKU

ホーム ＞ Web Design ＞ CSS ＞ opacity プロパティ （リンク画像をハイライトする）

CSS

opacity プロパティ （リンク画像をハイライトする）

opacity は、透過度を指定するプロパティです。ここでは、リンク画像をマウスオーバーすると光ったようなインタラクション効果を与える方法をご紹介します。

このような感じ↓

CSS の記述例

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

CSS の解説

filter:alpha(opacity=70); は、IE 用

opacity:0.7; は、Opera 、Firefox 、Safari 用です。

opacity の値は 透明←0 ～ 100（1.0）→不透明

November 26, 2009｜comments（0）

関連の記事

スポンサード リンク

トラックバック（0）

トラックバックURL：

PR

ホーム ＞ Web Design ＞ CSS ＞ opacity プロパティ （リンク画像をハイライトする）