title: Is there a -moz-mask CSS property, like -webkit-mask-image?
body: <p>It seems <code>-moz-mask-image</code> is not supported in Firefox. </p>
  
  <p>I am attempting a foreground gradient. I can't use an image as i need the text to be selectable. Does anyone have any ideas for Firefox?</p>
  
  <p><a href="http://lustlab.net/projects/dev/tijdexp/grad.php" rel="noreferrer">This version</a> works in chrome and safari</p>
  
  <p>css:</p>
  
  <pre><code>-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));
  
  -moz-mask: -moz-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));
  </code></pre>