Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash).

CSSのみでプレーンテキストにクールなグラデーション効果を付けるテクニック。
テキストと画像を使って、テキストの背景に画像を混ぜて次のようなテキスト効果を得るCSSテクニックが紹介されています。
JavaScriptやFlashなどは一切使用していない、PureCSSになっているそうです。



デモページはこちら(FireFox等で閲覧してください)
ちなみに、IE6では動作しません。
(IE6でも動作させる方法が紹介されていますが、アクセスしたところ動きませんでした。)
ほとんどがＩＥ６では動作しませんが、一部、ＩＥ６でも動作するようです

CSSのみでこんなことが出来るとは驚きですね。