ぼかしフィルタの実験![]() ![]()
<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);"> |