画像をぼかす(グラデーション)、半透明にするタグ

画像を半透明にするタグ

<img src="画像のアドレス" style=" filter: alpha(style=0, opacity=50,);">
元の画像
画像にグラデーションをつける
filter:alpha 半透明にする
style グラデーションの形 0 = グラデーションなし
1 = 線形
2 = 円形
3 = 四角形
opacity 開始透明度 0(透明) 〜 100(不透明)
finishopacity 終了透明度 0(透明) 〜 100(不透明)
startx、starty 開始位置 X座標 と Y座標
finishx、finishy 終了位置 X座標 と Y座標
グラデーションの形は3種類です
1 = 線形

<img src="画像アドレス" style="filter:alpha(style=1,opacity=100,finishopacity=0)"
2 = 円形

<img src="画像アドレス" style="filter:alpha(style=2,opacity=100,finishopacity=0)">
3 = 四角形

<img src="画像アドレス" style="filter:alpha(style=3,opacity=100,finishopacity=0)">




●当サイトのソースは、IE6.0+のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場合がございます。ご了承下さい。


★skip ページtop

画像





素材・作成支援



ホームページを小粋に
css
java
home