文字にドロップシャドウの効果をつける--FirefoxとSafariのCSS対応 - builder by ZDNet Japan

text-shadowプロパティを利用すると、文字に影をつけて表示することができる。これまではSafariが対応しているだけだったが、Firefox 3.1（アルファ版）とOpera 9.5が対応した。 また、Firefox 3.1（アルファ版）は本連載の「ボックスにドロップシャドウの効果をつける」で紹介したbox-shadowプロパティにも対応したので、それについても紹介したい。 文字に影をつけて表示する text-shadowはCSS 2で定義されたプロパティだが、CSS 2.1では削除され、CSS 3のTextで復活している。 text-shadowプロパティで文字に影をつけて表示するには、次のような形で4つの値を指定する。 text-shadow: ［横方向のオフセット］ ［縦方向のオフセット］ ［ぼかしの半径］ ［影の色］ たとえば、赤色の文字にグレーの影をつけると次のように表示

[kathew]

さっき見たサイトで導入していたのでチェック。インパクト強かった

[Cherenkov]

text-shadow

[amino_acid9]

text-shadowとbox-shadow

[hiro_y]

text-shadowとbox-shadow。CSSだけでドロップシャドウ。

[kjx130]

text-shadow