Creating transparent text to show gradient color of underlying div

Question

I am trying to create gradient text with plain HTML and CSS. Something like the text below

Check the FIDDLE. It is self explanatory.

I know how to achieve th

Answer 1

I think you are looking for background-clip. The catch is that you need to use an image, you can't use a css gradient afaik

update: it's only supported on webkit though..