title: Fade image to transparent like a gradient
body: <p>I would like to have an image (a background image) to fade to transparent so that content behind it can actually be seen (barely, thanks to transparency).</p>
  
  <p>I can achieve it obviously with a PNG image, but I need to ask to my graphic designer to change the image every time I want to change the start => stop transparency points (maybe I want more color or maybe I want less color and more transparency).</p>
  
  <p>Are there any chance I can achieve the same effect with CSS3? I tried applying a gradient to transparent on a jpg (and a png) but I can't see through it unless the PNG has already transparency (and basically the gradient) already done (which makes the css gradient useless).</p>
  
  <p>Any suggestion? I'm digging hard through the web but seems like I'm not using the right keyword or maybe it's not possible.</p>
  
  <p><strong>Update 1:</strong></p>
  
  <p>Code says more than a lot of words, I would like to do something like this (but the syntax is obviously wrong):</p>
  
  <pre><code>background: linear-gradient(to bottom, rgba(url('splash_bottom3.png'), 0.0), rgba(url('splash_bottom3.png'), 1.0));
  </code></pre>