CSS FILTERS

BLUR

■フィルタ名

BLUR

■機能

テキストや画像の輪郭にぼかしを入れます。 ソフトフィルターのような効果を得ることができるので、画像はともかくとしても、面白いテキスト加工が可能になります。 また、任意にぼかしの強さを変更することも可能で、８方向にぼかし方向を変更することもできます。

■書式

書式	概要	値	備考
add	元のスタイル表示の有無	true(表示する) false(表示しない)
direction	ぼかし方向	0(上) , 45(右上) , 90(右) , 135(右下) 180(下) , 225(左下) , 270(左) , 315(左上)	角度(degree)
strength	ぼかしの強さ	0以上の整数

■サンプル
実際に見る

<style type="text/css">
<!--
div{	filter:	blur(
			add=false,
			direction=225,
			strength=5,
		)
}
-->
</style>