写真（画像）の周辺をぼかすCSS

◎ 写真（画像）の周辺をぼかすスタイルシート （IE4以降のみ）

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

← 元画像 <img> タグに、フィルター効果（alpha）のスタイルシートを追加します。 ※注意； 　IE以外のプラウザでは、alpha効果は得られません。

● 西洋醤油（ソース）
<img src="画像へのパス"
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（不透明）の数値で指定

表示例 ⇒


記事の内容にご満足戴けましたならクリックをお願いします ↓
ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！