CSS FILTERS

DROPSHADOW

■フィルタ名

DROPSHADOW

■機能

テキストに対して、その影を１つだけ生成します。（画像にも可能だが処理が今ひとつ） 影の方向は任意にピクセル単位で変更可能です。 また、影の色も自由ですので、融通がかなり利きます。

■書式

書式	概要	値	備考
color	影の色を指定	カラーコードなど
offx	影の位置（Ｘ方向）	ピクセル数で指定	負の数も可
offy	影の位置（Ｙ方向）	ピクセル数で指定	負の数も可
positive	影の透過の有無	true（影を隠す） false（影を隠さず上から描画）

■サンプル
実際に見る

<style type="text/css">
<!--
div{	filter:	dropshadow(
			color=#00f,
			offx=3,
			offy=5,
			positive=true
		)
}
-->
</style>