CSS3を使ったテキストエフェクトのご紹介です。
エンボスやグラデーションなど、Photoshopで作成したような効果を実現しています。
それぞれチュートリアルも用意されてあるので、見てみてください。
■How to Create Inset Typography with CSS3
■Create Beautiful CSS3 Typography
■Create a Letterpress Effect with CSS Text-Shadow
■How to Create a Cool Anaglyphic Text Effect with CSS
■Text Rotation with CSS
■Text Embossing Technique With CSS
■Adding an outline to your text using the CSS3 text-stroke property
■CSS textured text
情報元:8 examples of stunning CSS3 text effects
Related posts:
- text-shadowのカラー指定はRGBaでの指定が良いらしい
- CSS3 Transitions アニメーションの使い方
- CSS3の疑似セレクタをIE5~8にも対応させることができる「ie-css3.js」
- IE6、IE7、IE8でもCSS3を使用可能にするbehaviorスクリプト ie-css3.htc
- CSS3 「Transitions」の効果的な使い方