ホームページ作成・HTML・アクセスアップ・スタイルシート・SEO・無料
ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、 HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。

シャドウフィルタ(やわらかい影)


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

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

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

表示例
やわらかな影がついています。属性値指定なし。


color=red,offX=3pt,offY=3pt,direction=135を指定。

ソース
<span style="width:100%; filter:shadow();">
やわらかな影がついています。属性値指定なし。
</span>

<span style="padding-bottom:3pt; width:100%; filter:shadow(color=red,offX=3pt,offY=3pt,direction=135);">
color=red,offX=3pt,offY=3pt,direction=135を指定。
</span>


<< 「ドロップシャドウフィルタ」へ    「左右反転フィルタ」へ >>



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

©Copyright Hiroto.A ホームページ作成とHTML初心者 All Rights Reserved