title: Whole site inner shadow overlay?
body: <p>I'm redesigning my website and I want to apply an inner shadow to the background image. What is the best way to do this for a website?</p>
  
  <p>I thought about applying a shadow in PS and then setting the background image to match the edge, but it never looks well around the edges.</p>
  
  <p>My second idea was to apply a CSS box-shadow to the body tag, <code>box-shadow:inset 0 0 100px #000;</code>, but I know that box-shadows slow down the website rendering wise.</p>
  
  <p>What would the be the best way to do this?</p>
  
  <p>For reference, here are the two background images, the one without a shadow and with one.</p>
  
  <p><img src="https://i.stack.imgur.com/EVlaH.jpg" alt="http://i.imgur.com/8Wzj8s.png"> - <a href="https://i.imgur.com/8Wzj8l.png" rel="nofollow noreferrer">http://i.imgur.com/8Wzj8l.png</a>
  <img src="https://i.stack.imgur.com/6Uc9v.jpg" alt="http://i.imgur.com/StVpOs.png"> - <a href="https://i.imgur.com/StVpOl.png" rel="nofollow noreferrer">http://i.imgur.com/StVpOl.png</a></p>