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). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Saf
![CSS Gradient Text Effect](https://cdn-ak-scissors.b.st-hatena.com/image/square/8496668239744ea9c8e498060f13d2c15c9d7554/height=288;version=1;width=512/https%3A%2F%2Fwebdesignerwall.mystagingwebsite.com%2Fwp-content%2Fuploads%2F2008%2F01%2Fscreen1.gif)