title: 45 Degree Angle + Box Shadow - Using nothing but CSS
body: <p>I need to recreate the following design using only <code>CSS</code>:</p>
  
  <p><img src="https://i.stack.imgur.com/zuw0g.jpg" alt="image">  </p>
  
  <p>What you're seeing in the picture is the top of a website container - the "links" are part of the main menu.   </p>
  
  <p>As it stands, I've created the container but I'm not sure how to go about making the slant on the navigation without using an image.  </p>
  
  <p>For the record: I'd rather not use an image as the chances of the box shadow on the slant matching up with box shadow rendered by the browser are slim-to-none, especially when it comes to multiple browsers.  </p>
  
  <p>I was thinking along the lines of a positioned and rotated div with a white background and a box shadow, but I haven't been able to build it yet. </p>
  
  <p>Any ideas?</p>