ぼかしフィルタの実験



<head>
<style type="text/css">
<!--

.alpha1 {
	filter:progid:DXImageTransform.Microsoft.alpha(style=2,opacity=100,finishopacity=40);
}
.alpha2 {
	filter:progid:DXImageTransform.Microsoft.alpha(style=2,opacity=100,finishopacity=0);
}

-->
</head>
<body>
  
<DIV class="alpha1" align="left"><IMG src="1house.gif" class="alpha1"></DIV>


<DIV class="alpha2" align="left"><IMG src="1house.gif" class="alpha2"></DIV>




    


</body>


filter: Blur()
画像をにじませたような効果を出す。
文字の場合は立体的な影付き文字になる。
属性には次のものがある。

add=true|false
trueを指定すると元の画像をにじませた絵の上に上書き表示する。
falseの場合は上書き表示しません。

direction=n
上方向から時計方向の角度を指定する。
右上は45、右下は135になる。

strength=n
にじませの強さを指定する。

<例>
<img src="abc.gif" width=98 height=98
style="filter: Blur(strength=10);">