title: Make a parallelogram with one side in CSS3
body: <p>I have make a parallelogram with CSS3. With this code:</p>
  
  <pre><code>#parallelogram {
      width: 150px;
      height: 100px;
      -webkit-transform: skew(20deg);
         -moz-transform: skew(20deg);
           -o-transform: skew(20deg);
      background: red;
  }
  </code></pre>
  
  <p>Now I have the right and left bevel. But i want only to the righ the bevel. How can i make that?</p>
  
  <p>Thanks</p>