CSS FILTERS

SHADOW

■フィルタ名

SHADOW

■機能

テキストや画像に立体的な影を付加します。テキストに関していえば、下手な画像並に綺麗に表示してくれます。 影の色や方向を任意に変更できるので、かなり使えそうです。（実際にこのコンテンツにも使っている）

■書式

書式	概要	値	備考
color	影の色を指定	カラーコードなど
direction	影の方向	0(上) , 45(右上) , 90(右) , 135(右下) 180(下) , 225(左下) , 270(左) , 315(左上)	角度(degree)

■サンプル
実際に見る

<style type="text/css">
<!--
div{	filter:	shadow(
			color=#00f,
			direction=225
		)
}
-->
</style>