CSS Gradient Text Effect

From the page: "h1 { font: bold 330%/100% "Lucida Grande"; position: relative; color: #464646; } h1 span { background: url(gradient.png) repeat-x; position: absolute; display: block; width: 100%; height: 31px; }" eso es trampa!!!

Reviewed by Didone Aug 27, 12:25pm ( 42 reviews ) • webdesignerwall.com

59K views

Join StumbleUpon or login to add a review!
Rated by Didone on Aug 27, 12:25pm

From the page: "h1 { font: bold 330%/100% "Lucida Grande"; position: relative; color: #464646; } h1 span { background: url(gradient.png) repeat-x; position: absolute; display: block; width: 100%; height: 31px; }" eso es trampa!!!
Rated by aldld on Jun 29, 8:31am

Amazing!
Rated by kenninger on Apr 15 2009, 10:31am

Nice
Rated by probabilityZero on Feb 25 2009, 5:23pm

Great trick.
Rated by tins1618 on Nov 14 2008, 8:58am

Sweet effect, I like it.
Rated by ParadigmShifts on Nov 11 2008, 7:47am

Nice CSS Gradient Effect
Rated by inderpal on Sep 01 2008, 12:01am

Great tutorial on CSS Gradient Text Effect
Rated by chikoos on Aug 24 2008, 11:24pm

From the page: "Do you want to create fancy headings without rendering each heading with Photoshop?"
Rated by kreestal on Jun 12 2008, 1:48pm

A great tutorial to give your titles a nice gradient effect.
Rated by nuzzar on Jun 03 2008, 12:35pm

cool hack

Installing is Easy!