I want a `<div>` 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).

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.

I'd put an image gradient over top of the content but the background moves behind the content as the user scrolls.

So imagine this existed:

```
opacity: -webkit-linear-gradient( ... );

```

graduating the actual *opacity* of the element is the only thing that will work. Is it possible?