写真(画像)をぼかして表示する

ここでは、「 写真(画像)をぼかして表示する」 に関する記事を紹介しています。
◎ 写真(画像)の周辺をぼかすスタイルシート (IE4以降のみ)

「Internet Explorer」のフィルター効果(alpha効果)を利用すれば、写真(画像)の周辺をぼかして表示することができます。

猫← 元画像

<img> タグに、フィルター効果(alpha)のスタイルシートを追加します。

※注意;
 IE以外のプラウザでは、alpha効果は得られません。


● 西洋醤油(ソース
<img src="http://blog-imgs-23.fc2.com/b/l/o/bloglink29/cat_01_240.jpg"
alt="猫" border="0" style="filter:alpha(style=2,opacity=100,finlshopacity=0)">

style=2,
opacity=100,
finlshopacity=0
 グラデーションの形状を「1(線形)」「2(円形)」「3(長方形)」の値で指定
 グラデーションの開始点の透明度を、0(透明)〜100(不透明)の数値で指定
 グラデーションの終了点の透明度を、0(透明)〜100(不透明)の数値で指定


表示例 ⇒ 猫

関連タグ : スタイルシート(CSS)

この記事へのコメント
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
この記事のトラックバックURL
この記事へのトラックバック