text-shadowを使っておしゃれなトップ画像をさくっとつくろう

5月のゴールデンウィーク開けから数週間は夏がもう来てしまったんじゃないかと思うくらい暑かったのに最近は、また少し涼しくなりました。

昨日は人生初のホタルを見て、なんだかセンチメンタルな気持ちなって、感動もあって気づいたら涙がでてました。
同時に、ここ最近の疲れがブワっと飛んでいきとってもリフレッシュ。

蛍と、ストロベリームーンと、少しの星と、最高の夜でした。

と、余談はこの辺にしといて、今回はtext-shadowを使ったタイトルテキスト作成してみました。

See the Pen fontseries1 by sayuri (@giraffeweb) on CodePen.0

See the Pen fontseries2 by sayuri (@giraffeweb) on CodePen.0

他にもいろいろ種類作ってみたかったんですが、それはまた今度まとめて作成します。

画像で作成しがちなこの手のタイトルテキストですが、グーグルフォントなどを利用すれば、おしゃれにしかも手軽に簡単に仕上がります。

みなさんもフルスクリーンサイトのデザイン作成などのちょっとした技で使ってみてください。