title: CSS3 Transform Skew One Side
body: <p>Is it possible to create "CSS3 Transform Skew One Side" </p>
  
  <p>I found one solution, but it's not useful to me, because I need to use a image for background (not color)</p>
  
  <pre><code>#skewOneSide {
      border-bottom: 40px solid #FF0000;
      border-left: 50px solid rgba(0, 0, 0, 0);
      height: 0;
      line-height: 40px;
      width: 100px;
  }
  </code></pre>
  
  <p>Even this <a href="http://jsfiddle.net/Hfkk7/4/" rel="noreferrer">JsFiddle</a> is not useful as well (skewed area should be transparent)</p>