ハイパーメディアクリエイター(HMC)の吉永です。前回に引き続き、今回もHTMLで文字を装飾する手法をご紹介します。前回の記事はコチラ今まで紹介してきた手法で大分テキストを装飾するテクニックがついてきましたね。今回はおさらいということで、今までの内容を全てごった煮のデモを用意しました。そもそもそれってできるの?できます。px色ではまた次回のネタを探して見つかり次第ウプします。ハイパーメディアクリエイター(HMC)の吉永です。前回に引き続き、今回もHTMLで文字を装飾する手法をご紹介します。前回の記事はコチラ前回までの内容でドロップシャドーはつけられるようになりました。今回はディープシャドーをつけられるようにしましょう。ディープシャドーとは文字と影の隙間がなく、文字が3Dっぽく見えるシャドーのことです。マンガとかチラシとかでよく見るアレですアレ。百聞は一見にしかずというので実際に見てみましょう。そもそもそれってできるの?できます。CSSって何?って方はこちら今回も引き続き「text-shadow」というプロパティを応用します。こんな感じ今回は同時に右下に影を1ピクセルづづずらしながら隙間なく配置しております。赤字の箇所で影の位置を指定しています。徐々に数値が増えていってますね。10pxと増やしていけば良いです。今回も動作確認用のデモパーツを用意したので遊んでみてください。文字を入力してみて下さいではまた次回のネタを探して見つかり次第ウプします。