ドロップシャドウフィルタ(シャープな影)

フィルタ名　dropshadow(属性値);
属性値　color=影の色　offX=横方向のずれ具合　offY=縦方向のずれ具合

ドロップシャドウフィルタを使うにはフィルタ名にdropshadow()を指定します。

属性はなくてもＯＫですが、colorで影の色、offXで横のずれ、offYで縦のずれを指定できます。

また影、発光、ぶれなどのフィルタを使う場合は、それらのスペースを確保しておく必要があります。スペースがないと影が切れます。

padding-bottom:ptなど;を付け足してスペースを確保しておきます。

表示例

シャープな影がついています。属性値指定なし。 color=red,offX=3pt,offY=3ptを指定。

ソース

<span style="width:100%; filter:dropshadow();"> シャープな影がついています。属性値指定なし。 </span> <span style="padding-bottom:3pt; width:100%; filter:dropshadow(color=red,offX=3pt,offY=3pt);"> color=red,offX=3pt,offY=3ptを指定。 </span>

＜＜　「ぼかしフィルタ」へ　　　　「シャドウフィルタ」へ　＞＞



ホームページ作成とHTML＞＞スタイルシートの書き方講座＞＞ドロップシャドウフィルタ