文字にドロップシャドウの効果をつける方法--FirefoxとSafari対応

文字に影をつけて表示する

text-shadowはCSS 2で定義されたプロパティだが、CSS 2.1では削除され、CSS 3のTextで復活している。

text-shadowプロパティで文字に影をつけて表示するには、次のような形で4つの値を指定する。

text-shadow: [横方向のオフセット] [縦方向のオフセット] [ぼかしの半径] [影の色]

div {

text-shadow: 5px 5px 5px gray;

color: navy;

font-size: 50px;

font-weight: bold;

font-family: Verdana, Helvetica, sans-serif;

}

<div>Hello, world.</div>

css.png