title: Firefox Opacity (Transparancy) Gradient - Fading out an image
body: <p>I have an element with content inside it.</p>
  
  <p>The element - with its content - should be fully opaque on the left , fully transparent on the right. Evenly graded from right to left.</p>
  
  <p>As the content and background it is merging into are not fixed, there is no way to make an image in advance.</p>
  
  <p>I am aware that gradients can be used as backgrounds (-moz-linear-gradient), but that doesn't help me - here, I need the contents of the element themselves to fade out.</p>
  
  <p>I have been able to do this in IE (Alpha Mask) and Webkit (image-mask), but have been completely stumped in FF.</p>
  
  <p>I don't mind using SVG if there is a way there.</p>
  
  <p>Please help?</p>