透明化の実験
全体的にぼかし
■ 半透明 ■
グラデーションをかけました。
■ 半透明 ■

<head>
<style type="text/css">
<!--
-->
</head>
<body>
全体的にぼかし
<div style="width: 100%; filter: Alpha(opacity=20);
font-size: 48pt;">
■ 半透明 ■
</div>
グラデーションをかけました。
<div style="width: 100%; filter: Alpha(opacity=10 finishOpacity=100 startx=1 finishx=100 style=1);
font-size: 48pt;">
■ 半透明 ■
</div>
<img src="matsuri.jpg" width=200 height=200 style="filter: Alpha(opacity=30);">
</body>
filter: Alpha()
テキストや画像を(半)透明にする。
グラデーションをかけることもできる。
属性には下記のものがある。
opacity=n
透明の度合いを0(透明)〜100(不透明)の範囲で指定。
finishOpacity=n
透明度を指定します。グラデーションは、
opacity 〜 finishOpacity の範囲でかけられる。
style=0|1|2|3
グラデーションスタイルを指定する。
startX
startY
finishX
finishY
で指定した領域に対して、
1は線形
2は円形
3は長方形型
にグラデーションをかける。
0はグラデーションをかけません。
startX=n, startY=n, finishX=n, finishY=n
グラデーションをかける領域を指定する。
<例>
<img src="〜" width=98 height=98 style="filter: Alpha(opacity=30);">
<div style="width: 100%; filter: Alpha(opacity=60);
background: url(xx.gif); font-size: 48pt;">
■ 半透明 ■
</div>