CSS3 Text shadow

Text-shadow プロパティーは、次のように使用:
text-shadow:2px 2px 2px #000;

CSS shadowはthree length valueと色が必要。Lengthの値は並行的オフセット、垂直的オフセット、そしてblur。オフセットは正と負の両方可能。

Text-shadow は次に対応: Webkit (from Safari 3+, Chrome), Opera 9.5, Firefox 3.1(pre-Alpha), Konqueror.

参照:
CSS3 Angoli arrotondati, CSS3 Ombra, CSS3 Animazione, CSS3 Text Ombra, CSS3 Gradientee, CSS3 Transition

ダウンロード

• 無料版をダウンロード
  WindowsかMac
• 商業用版をダウンロード
  WindowsかMac - $59

CSS3 Text-shadow効果

Text-shadowはCSS3に長い間期待されてきた格好良い機能。テキストの背景にシャドウを加えるような単純な効果を実現するためにPhotoshop画像を作成してサーバーにアップロードする必要はない。テキストに注意を引くため、CSS3 Text-shadow機能を見せびらかすため、もしくはナビゲーション・メニューの場合はスタイルと格好よさのために使用可能。