Javascript Patchworker - 文字に影をつける

このスタイルについて
　position属性を用いたデザイン例です。少々扱いづらい属性ですが、上手く活用することでインタラクティブなページを作成することが出来ます。position属性やそれに関連した属性の詳細についてはポジション関連のトップページをご覧ください。

実行例

文字に影がついて見えます。
文字に影がついて見えます。

関連

対応ブラウザ
WIN IE 4.0～ NN 6.0～　MAC IE 4.0～ NN 6.0～

ユーザ設定
　wordとshadowのそれぞれの要素の、top値・left値を微妙にずらすことで、文字に影がついたような効果を見せることが出来ます。絶対位置で実現するのは簡単ですが、相対位置で同じことを実現しようとすると少々厄介なことになります。（サンプルでは実現していますが、その手法は少々複雑でなおかつ汎用性に欠けるため、ここでの解説は省略します。）

TOPに戻る