SITEMAP [初めてのホームページ講座] [CSS] [FILTERS] [BLUR]

CSS FILTERS

BLUR

■フィルタ名
BLUR
■機能
テキストや画像の輪郭にぼかしを入れます。 ソフトフィルターのような効果を得ることができるので、画像はともかくとしても、面白いテキスト加工が可能になります。 また、任意にぼかしの強さを変更することも可能で、8方向にぼかし方向を変更することもできます。
■書式
書式 概要 備考
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>
[Go To Top]

Copyright(C)1999 Miyazaki , All Rights Reserved.