title: Can you create gradients that fade to opacity using CSS or JavaScript?
body: <p>WebKit has introduced the ability to create CSS gradients. For example, with the following code:</p>
  
  <pre><code>-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
  </code></pre>
  
  <p>However, is it possible to have an opacity gradient using CSS? I want the gradient to be a single color on one side, and fade to zero opacity on the other.</p>
  
  <p>Cross-browser compatibility isn't important; I just need it to work in Google Chrome.</p>
  
  <p>Is there some way to do this using CSS? If not, can something similar be done using JavaScript (not jQuery)?</p>
  
  <p>Thanks for your help.</p>