文字に影をつけてみよう

text-shadowは見出しなど強調したい部分に使用すると効果的です。
ただ影をつけるだけではなく、影の距離感やぼかし具合、影の色まで細かく指定することができます。

また、text-shadowはカンマ「,」で区切ることでひとつの文字に対して複数の影を付けることもできます。
例えば、「text-shadow:2px 2px 0 #93f, 3px 3px 0 #00d」のように指定すると、2色の色が入り混じった立体的なデザインを作り上げることができます。

他にも少し窪んだような文字表現など、様々な表現ができるようになります。
色々試してみたい場合は「text-shadowジェネレーター」と検索すると便利なツールが出てくるので使ってみてください。