filter:progid:DXImageTransform.Microsoft.Blur(必要な値) …… ぼかす(IE5.5以上)
広告
filterプロパティのBlur()は、要素をぼかす際に使用します。
尚、filter:blur()の書式では指定するパラメータや動作が異なり、方向を指定して要素をぶれさせる効果となります。
これは、新しい書式のfilter:progid:DXImageTransform.Microsoft.MotionBlur()と同じ効果です。
- PixelRadius=ぼかしの距離
- 1~100の範囲で指定(初期値は2)
- MakeShadow=影表示にするかどうか
- 1(true)または0(false)で指定(初期値は0)
- ShadowOpacity=影の透明度
- 0(透明)~1(不透明)の範囲で指定(初期値は0.75)
※MakeShadow=1の時に有効
p.sample img {
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=5);
}
<html>
<head>
<link rel="stylesheet" href="sample.css"
type="text/css">
</head>
<body>
<p>
filterプロパティを適用していない画像<br>
<img src="images/kaeru.gif">
</p>
<p class="sample">
フィルタ効果Blur()<br>
<img src="images/kaeru.gif">
</p>
</body>
</html>
↓↓↓
filterプロパティを適用していない画像
フィルタ効果Blur()
広告