title: How can I set opacity of the reflection when using -webkit-box-reflect?
body: <p>I've been playing with the -webkit-box-reflect property in Chrome and can achieve a reflection that fades with the following code (it's example code from the <a href="http://webkit.org/blog/182/css-reflections/" rel="nofollow noreferrer">Webkit blog</a>):</p>
  
  <pre><code>-webkit-box-reflect:
    below 5px 
    -webkit-gradient(
    linear, left top, left bottom, 
    from(transparent), color-stop(0.5, transparent), to(white)
    );
  </code></pre>
  
  <p>Problem is, I want to set the opacity for the mask to a more subtle setting, but it seems to be choking on rgba(). Has anybody been able to successfully get different levels of opacity?</p>
  
  <p>Any help is appreciated, thanks!</p>