title: Creating a trapezium in CSS and/or HTML
body: <p>I've found plenty of tutorials for creating Trapezoids using CSS3 but I am looking to create a four sided shape where none of the side are parallel (trapezium) like the one in the picture below.</p>
  
  <p><img src="https://i.stack.imgur.com/5FBAj.gif" alt="enter image description here"></p>
  
  <p>Is this possible? </p>