title: CSS: Gradient text colour?
body: <p>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:</p>
  
  <p><img src="https://i.stack.imgur.com/QPAMD.png" alt="Gradient image"></p>
  
  <p>The only thing I have tried is <code>-webkit-mask</code>, but I couldn't get that working how I wanted it to. The other thing would be <code>-webkit-gradient</code> in the <code>color</code> property - is that possible?</p>
  
  <p>Cross browser compatibility is fairly important, but not the end of the world. I'd prefer the text to be a solid colour in IE than to convert the entire thing into an image (there is quite a bit of text like this, some of it dynamic).</p>