title: CSS3 Box Shadow Fade Out Effect
body: <p>Is it possible to achieve a Fadeout effect with CSS3 Box Shadow?</p>
  
  <p>Here's what I have so far
  This only adds inset/inner shadow to the vertical sides but I need to achieve a fade out effect at the top.</p>
  
  <pre><code>-moz-box-shadow: inset 5px 0 7px -5px #a4a4a4, inset -5px 0 7px -5px #a4a4a4;
  -webkit-box-shadow: inset 5px 0 5px -5px #a4a4a4, inset -5px 0 5px -5px #a4a4a4;
  box-shadow: inset 5px 0 7px -5px #a4a4a4, inset -5px 0 7px -5px #a4a4a4;
  </code></pre>
  
  <p>See the image below to see the Expected Results and what I currently have.</p>
  
  <p><img src="https://i.stack.imgur.com/OL5Cl.png" alt="Expected and Current Results"></p>