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

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

ブレた効果を指定できる。画像などにスピード感が出る。


  • () の中には以下の属性をカンマ(,)で区切って指定する。
  • add=
    • ブレた要素の上にもとの要素を上書き表示するかどうか指定。
    • 0 (false 上書きしない)
    • 1 (true デフォルト 上書き)
  • strength=
    • ブレの強さを指定。数値が大きいほどブレる。
  • direction=
    • ブレる方向の角度を上から時計回りに45刻みで指定。
    • 0 (上) / 45 (右上) / 90 (右) / 135 (右下) / 180 (下) / 225 (左下) / 270 (左) / 315 (左上)
  • enabled=
    • 0 (false フィルタを実行しない)
    • 1 (true フィルタを実行 デフォルト)

使用例

<P style="filter:progid:DXImageTransform.Microsoft.MotionBlur(
direction=45,strength=30);
width:500px;height:30px;font-size:30px;color:#0099FF;">
MotionBlur Sample</P>

<IMG src="girl.gif" alt="ブレサンプル" width="120" height="120"
style="120,strength=20);">

MotionBlur Sample

ブレサンプル



   ⇒ 画像への応用です。

Top Page   Menu   Back