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

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>
[Go To Top]

Copyright(C)1999 Miyazaki , All Rights Reserved.