CSS3ではテキストにドロップシャドウをつける設定をすることが可能になりました。
最新のブラウザ(Safari4,Firefox3.5など)では対応していますが、少し前のバージョンのブラウザでは表示されないと思います。
当サイトでもhダグに一部ドロップシャドウをつけていますので確認してください。
実際の設定
text-shadow: 3px 2px 2px #CCCCCC;
となります。
最初の3pxでx軸、2pxでy軸,2pxでぼかしの範囲、最後の#CCCCCCでシャドウの色の指定を行っています。
x,y軸は-の値も設定できるので、工夫次第で面白い表現が出来るかもしれません。
- サイト
