スタイルシートのtext-shadowでは、複数の影を指定できる!表現の幅が大きく広がります！

イントロダクション

「ブログの文字に影をつけたい!条件を設定すれば簡単に影付き文字を作れる「CSS3 Text Shadow Generator」が便利！」では、スタイルシートのtext-shadowの設定をマウス操作だけで作成できるWebサービスについてご紹介しました。

その時に、スタイルシートの text-shadow について詳しく調べていたのですが、この  text-shadow では、複数の影をまとめて指定できるのですね！

text-shadow - CSS | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/text-shadow

2/2 文字に影を付け、画像に重ねた文字を見やすくするCSS3 [ホームページ作成] All About
http://allabout.co.jp/gm/gc/384274/2/

text-shadow－CSS3リファレンス
http://www.htmq.com/css3/text-shadow.shtml

今までずっと、単一の影しか指定できないものだと思っていました。

ブログの文字に影をつけたい!条件を設定すれば簡単に影付き文字を作れる「CSS3 Text Shadow Generator」が便利！

イントロダクション

ブログを書いていると、文字に影をつけて目立たせたいことってありますよね？


そんな時、一昔前なら、画像処理ソフトウェアを使って、文字に効果を付けたものを画像として読み込んでいました。

しかし、今のブラウザなら、文字にスタイルシート(CSS)を適用することで、影を付けることができるのです！


しかし、影を付けるために、スタイルシートについていろいろと調べるのは面倒です。

そんなとき、とても便利なのが「CSS3 Text Shadow Generator」です！

CSS3 Text Shadow Generator - CSS3gen
http://css3gen.com/text-shadow/