CSS: Gradient text colour?

Question

I\'m trying to get some text to have a gradient colour, but I haven\'t a clue how. I\'m trying to get it like this:

Answer 1

For webkit based browsers (Chrome & Safari) :

.text {
  font-size: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#111));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

For IE & others:

http://www.webdesignerwall.com/demo/css-gradient-text/