CSS >  フィルタ(IE5.5〜 DirectX) 

filter:progid:DXImageTransform.Microsoft.Blur();

にじませた、あるいは、ぼかしたような効果を指定できます。


  • () の中には以下の属性をカンマ(,)で区切って指定する。
  • pixelradius=
    • にじみの効果の量を 1 〜 100 の範囲で指定。
  • makeshadow=
    • にじみの影をつけるかどうか指定?
    • 0 (false 影をつけない)
    • 1 (true デフォルト 影)
  • shadowopacity=
    • にじみの効果の濃度を 0.00 〜 1.00 の範囲で指定?
  • enabled=
    • 0 (false フィルタを実行しない)
    • 1 (true フィルタを実行 デフォルト)

使用例

<P style="filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=3);
width:500px;height:30px;font-size:30px;color:#0088FF;">Blur Sample
</P>

<IMG src="girl.gif" alt="にじみサンプル" width="100" height="100"
style="filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=3.5);">

Blur Sample

にじみサンプル にじみサンプル にじみサンプル

pixelradius=1.5        2.5         3.5



   ⇒ 画像への応用です。

Top Page   Menu   Back