CSS Gradient Text Effect

Devolio

Popular Posts

8 Practical PHP Regex
PHP Regular Expressions
Automating MySQL Backups
PHP Security Guide
Understanding OOP
67 Killer Tools
Practical PHP Optimizations
How to: LAMP in Ubuntu 7.10
How to: APC in Ubuntu 7.10
RSS reader with SimpleXML

Tools and Tips

67 Killer Tools
Installing AWN in Ubuntu
40 Excellent Free Fonts
Project Planning Tips
Send SMS with PHP (free)
High performance Javascript
Send beautiful HTML emails
PCRE Tester and Cheat Sheet
RSS Reader with SimpleXML

Search

Tags

How To Javascript Linux Misc MySQL PHP Regex RSS

Archives

September 2008
August 2008
July 2008
June 2008
May 2008
April 2008
Recent...
Older...

Subscribe

Saturday, January 19. 2008

CSS Gradient Text Effect

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. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6.
Posted by Joey in News, Resources at 03:02 | Comments (0) | Trackbacks (0)

Trackbacks
Trackback specific URI for this entry

No Trackbacks

Comments
Display comments as (Linear | Threaded)

No comments


Add Comment

Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications