title: Creating complex shapes using CSS
body: <p>I'm trying to create a trapeze like shape using any number of techinques so that it will be as much as possible. the shape i'm trying to create a shape like this:<br />
  <img src="https://i.stack.imgur.com/rGEAF.png" alt="trapeze" /></p>
  <p>(there will be content inside the shape [imgs &amp; txt])<br />
  so far, the possible ways of doing that are: masking (webkit) and SVG effects on html content (firefox). but I cant seem to find any way to make this work with IE and opera.
  So if anyone could show me how to do this, it will be greatly appreciated.</p>