Is there a way to create a cross-browser, pure CSS3 text color gradient?
So, no png's. No 'webkit' only.
EDIT: To be more precise: It's CSS3 only, and it's for text, not box gradients.
EDIT: I found this solution, but it's only for webkit.
Problem courtesy of: Kriem
There is no cross-browser way to do this outside webkit because only webkit currently has a background-clip: text, and this extension to background-clip is not on standards track (as far as I am aware). If you want to relax your CSS3 requirement, you can accomplish the same effect cross-browser with Canvas (or SVG), but then you're talking about HTML5-capable browsers only.
As I've already pointed out as a comment in zzzzBov's response, there is a way to achieve a text gradient in CSS3 only.
If you take the PNG solution a bit further, you can do the same trick with css3 gradients.
Of course this does only work for text that is on a uniform background color.
Discussion courtesy of: enyo
Best solution at the moment is to use a solid color as non-webkit fallback and then use the following technique ( requires webkit ):
background: -webkit-linear-gradient(#eee, #333);
This recipe can be found in it's original form on Stack Over Flow.