CSS3 text-shadowの使いかた

今回は文字に影（shadow）をつけるCSS3。
firefox, safari, Google Chromeで使える。
（-webkit, -moz はいらないみたい。）

text-shadow sample1 - jsdo.it - share JavaScript, HTML5 and CSS

box-shadowと同じような感じ。

（例）
text-shadow: 1px 1px 3px #000;

で右下に1pxづつずれて3pxのびた#333の影がつけられる。

box-shadow: [x軸] [y軸] [ぼかしの大きさ] [色] ;

,（カンマ）で複数の指定が可能。

text-shadow: 0px 0px 5px #cc0000, 3px 3px 6px #333;

で5pxの赤い影がついて、その下に右下に3ｐｘづつずれて6ｐｘのびた#333の影がつく。

参考サイト：CSS Lecture