2012/09/11 かつてIllustratorやPhotoshopで作っていたテキストの装飾もCSS3のtext-shadowプロパティを使えばもはや不要になるのではと思ってしまうくらい多彩な表現が可能になってきました。 画像ではないのでクライアント環境に合わせた適切な出力が得られますし、一度に複数のスタイルをダイナミックに変更できます。画像ファイルを作成する工数もかかりませんし、テキストデータなのでコピー可能、SEOにも効果的でしょう。 いいことづくめのCSS3によるテキスト装飾。ここでは一例を見ていきます。 強調(その1) text decoration color: #444; text-shadow: 1px 1px 0px #eee, 2px 2px 0px #707070; 強調(その2) text decoration color: #fff; text-shadow:
![CSS3(text-shadow)でテキストの装飾がここまでリッチに - Life with IT](https://cdn-ak-scissors.b.st-hatena.com/image/square/63c67004f340a9cfebe1346d512a10a786385cbc/height=288;version=1;width=512/https%3A%2F%2Fl-w-i.net%2Fimg%2Flogo_256.png)