title: Is it possible to graduate the opacity of an HTML element?
body: <p>I want a <code>&lt;div&gt;</code> element (the whole element, contents and everything) to fade out towards the bottom. It's to truncate a news post that has to fit into a very restrictive space (and can contain unpredictably sized elements).</p>
  
  <p>Everything I've been able to find is for using a transparency gradient on a background color. Which would be fine except behind the news post is a background image, so I can't just put a color gradient over top of the bottom of the content.</p>
  
  <p>I'd put an image gradient over top of the content but the background moves behind the content as the user scrolls.</p>
  
  <p>So imagine this existed:</p>
  
  <pre><code>opacity: -webkit-linear-gradient( ... );
  </code></pre>
  
  <p>graduating the actual <em>opacity</em> of the element is the only thing that will work. Is it possible?</p>