filterプロパティのBlur()は、要素をぼかす際に使用します。
尚、filter:blur()の書式では指定するパラメータや動作が異なり、方向を指定して要素をぶれさせる効果となります。
これは、新しい書式のfilter:progid:DXImageTransform.Microsoft.MotionBlur()と同じ効果です。
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=”https://htmqcom1.wpengine.com/wp-content/themes/twentytwentyone-child/htmq-images/kaeru.gif”>
</p>
<p class=”sample”>
フィルタ効果Blur()<br>
<img src=”https://htmqcom1.wpengine.com/wp-content/themes/twentytwentyone-child/htmq-images/kaeru.gif”>
</p>
</body>
</html>
filterプロパティを適用していない画像
フィルタ効果Blur()
