[CSS3] TextShadowで作る文字の色々なデザイン（グロウ、エンボス、ベベル、袋文字、ぼかし、3D） - YoheiM .NET

[CSS3] TextShadowで作る文字の色々なデザイン（グロウ、エンボス、ベベル、袋文字、ぼかし、3D） こんにちは、最近はソーシャルゲーム開発中の@yoheiMuneです。 最近のWeb開発でCSS3を使って文字の装飾をすることが多くなってきました。 その中で今日は、CSS3のTextShadowを使った色々な文字装飾をブログに書きたいと思います。 CSS3のTextShadowとは TextShadowとは、その名前の通り、文字に陰を付けることが出来るCSSです。 例えば以下のような指定をCSSをすることで、文字の陰が付きます。 <style type="text/css"> .text1 { text-shadow: 2px 2px 2px rgba(30,30,30,1); -webkit-text-shadow: 2px 2px 2px rgba(30,30,30,1);

[yoheiM]

Text-Shadowで色々なデザイン