TEXT-SHADOW の応用!!

ホームページ勉強会
ホームページ勉強会
ホームページ勉強会

2013年3月8日 下記の課題が出題されました。


「text-shadow は一行目の例では特に難しくはないですね。 それでは2行目と3行目のように、なぜか文字がボケている... そう見えるように書くにはどうすればいいのでしょう?」
この画像のように見えるように...となのですが〜?
取り合えずの回答を出しました。残念ですが、IEでは表示されません(*_*;

2013年5月12日 講師の解説


「ボケて見える」は「濃淡をつける」ではありません。(問題を読み違えています。)
text-shadow なんて言うので「シャドー=影」だと思い込んでいるようですね。
(3月9日)


本当のところは「本体」と同じものが背景に用意されるんです。
ぼかしを入れると、本体の周囲にあたかもシャドーのように 見えてくるんです。

位置をずらせば完璧にシャドーです。
(3月10日)


何といっても立体感を出すのが text-shadow の一番の目的。
私はそう捉えています。ですから問題はボカし量の判断。
センスを問われる部分ですね。 まぁ、こういったビジュアルな部分の感覚は人それぞれですが 美術品を公開するわけではありませんから、度が過ぎないように しましょう。
程々に・・ほどほどに、です(^^;
(4月11日)


2013年5月12日 講師の模範解答


回答をup した時には、text-shadow のアウトラインというか、内容の理解度が足りませんでした(*_*;
アドバイスもたくさんいただきまして、少しは理解できたようなです。(^.^)
模範解答はこちらです。

Copyright© 2005-2013 MA-W ,