元の画像（filter.jpg)元の画像（filter.jpg)■テキストや画像を（半）透明にします
<img src="filter.jpg" width=200 height=200 style="filter:Alpha(opacity=90,style=2)">
M'sBAR <span style="font-size:30pt;width:100%;filter:Alpha(opacity=100,finishOpacity=40,style=2)">M'sBAR</span>
- 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
- グラデーションをかける領域を指定します。
■テキストに影をつけます
M'sBAR <span style="font-size:30pt;width:100%;filter:dropshadow(color=#808080,offx=4,offy=4,direction=130)">M'sBAR</span>
- color=color
- 影の色を指定します。
- offX=n, offY=n
- 影を表示する位置を指定します。offX=5, offY=5 は、右に5、下に5の場所に影を表示します。
- positive=true|false
- falseを指定すると、画像の透明化された部分にまで影をつけます。
M'sBAR <span style="font-size:30pt;width:100%;filter:Shadow(color=#808080,direction=135)">M'sBAR </span>
- color=color
- 影の色を指定します。
- direction=n
- 影をつける方向を上を0とした時計回りの角度で指定します。右上は45、右下は135です
■画像をにじませる/テキストは影のようになります
<imgsrc="filter.jpg" width=200 height=200 STYLE="filter:Blur(strength=20)">
M'sBAR <span style="font-size:30pt;width:100%; filter:Blur(strength=10,direction=45)">M'sBAR </span>
- add=true|false
- trueを指定すると元の画像をにじませた絵の上に上書き表示します。falseの場合は上書き表示しません。
- direction=n
- 上方向から時計方向の角度を指定します。右上は45、右下は135になります。
- strength=n
- にじませの強さを指定します。