title: How to create a box-shadow that covers the entire page?
body: <p>the end result that I'm looking for is something like this:</p>
  
  <p><a href="http://osxdaily.com/wp-content/uploads/2011/08/icloud-background.jpg" rel="noreferrer">http://osxdaily.com/wp-content/uploads/2011/08/icloud-background.jpg</a></p>
  
  <p>Which was generated with this bkg title:</p>
  
  <p><a href="http://osxdaily.com/wp-content/uploads/2011/08/apple-shirt.jpg" rel="noreferrer">http://osxdaily.com/wp-content/uploads/2011/08/apple-shirt.jpg</a></p>
  
  <p>Is it possible to apply a css3 box-shadow to get the desired output?</p>
  
  <p>I tried:</p>
  
  <pre><code>box-shadow: inset 0 0 490px black;
  </code></pre>
  
  <p>But that only covers a small part of the screen.</p>
  
  <p>Thanks</p>