title: Sort of slanted box shape in css?
body: <p>I'm trying to make this shape in css:</p>
  
  <p><img src="https://i.stack.imgur.com/7s4wj.png" alt="enter image description here"></p>
  
  <p>but am sort of lost how to do so. I have a triangle made right now with this:</p>
  
  <pre><code>var resY = $(window).height;
  var resX = $(window).width;
  
  $('#slide1-container').css({'border-bottom-width': resY, 'border-left-width': .4*resX});
  </code></pre>
  
  <p>because for some reason percentages/vh/vw wasn't working with border-width in css (not sure if it's supported?)</p>
  
  <p>I'm unsure of how to make it from triangle -> the shape I have pictured. Any suggestions?</p>
  
  <p>Thanks for any help! :-)</p>