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