title: Box-shadow with different size per side
body: <p>I am currently working on basing a design, in which the designer has used a shadow on a div.
  Since I am not fond of using images for this sort of thing, I have decided to take my CSS skills to the next level. I am completely new to CSS3, yet I want to give this a try using box-shadow. I have been reading into this new feature but I cannot seem to get my exact design working.</p>
  
  <p>This is what I am searching for:</p>
  
  <p><img src="https://i.stack.imgur.com/IWHkm.png" alt="enter image description here"></p>
  
  <p>Top: 1px; 
  Right: 5px; 
  Bottom: 9px; 
  Left: 5px</p>
  
  <p>The designer has used different spreads (well, I believe it's called spreads in this context) for the shadow. My issue is that I cannot manage to get this working with different spreads per side of the div, can anyone help me?</p>
  
  <p>Thanks in advance.</p>
  
  <pre><code>div {
      box-shadow: 0px 0px 5px #000;
  }
  </code></pre>