久々に CSS3 についてのエントリーです. 以前書いた, 『CSS3 の display:box; を使ったフレキシブルな段組みレイアウト』 が大変好評だったので, CSS3 関連のエントリーもちょくちょく投稿していこうかなと思います. 今回は, text-shadow についてまとめました. text-shadow はその名の通りテキストに影をつけるプロパティです. しかし, そんな単純なプロパティだったらわざわざエントリーにしません. text-shadow プロパティはオフセット値やぼかし具合が指定可能であることはよく知られています. が, なんとこれいくらでも指定できちゃうんです!! コンマ区切りで! 複数の text-shadow を指定することで文字をぼかしたり強調したり光らせたり燃やしたりといったさまざまな装飾が簡単に行えます. そんな活用例をサンプルとしてまとめましたので
![CSS3 の text-shadow を使って文字を強調したり装飾したり | TM Life](https://cdn-ak-scissors.b.st-hatena.com/image/square/68f2ab45b05f223125a652c44044350774a61c14/height=288;version=1;width=512/https%3A%2F%2Flh5.googleusercontent.com%2F-npImGLP-foE%2FTzFV_p-RNII%2FAAAAAAAAAbY%2F1ZZayBk_eS8%2Fs1024%2Fbandicam%2525202012-02-08%25252001-48-48-303.jpg)