Submit a CSS related link →

Posh CSS

For the modern day web designer.

CSS Gradient Text Effect

# Linked to 17 January 2008, 02:53 in by Sam Brown

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 tag in the heading and apply the background image overlay using the CSS position:absolute property.

Read more at www.webdesignerwall.com →

Sam Brown

Sam Brown is a freelance interface designer and web standards developer based in Edinburgh, Scotland. Sam's work can be seen at Massive Blue, blogs at Sam Brown and is on Twitter at @sambrown.