title: Animate scaleX of rotated div
body: <p>I have a rotated div that is longer than the viewport to cover the screen. I used the following code to center the div: </p>
  
  <p>CSS</p>
  
  <pre><code>div {
      position: absolute;
      left:-25%;
      height: 100%;
      width: 150%;
      transform: rotate(-75deg);
      -ms-transform: rotate(-75deg);
      -webkit-transform: rotate(-75deg);
      background: red;
  }
  </code></pre>
  
  <p>CODE: <a href="http://jsfiddle.net/9b8uLgw5/" rel="nofollow">http://jsfiddle.net/9b8uLgw5/</a></p>
  
  <p>When I try to animate the scaleX of that div using TweenLite, the div is off centered. I have tried using transformOrigin, but is does not seem to work for me.</p>
  
  <p>CODE: <a href="http://jsfiddle.net/85s1hrfo/1/" rel="nofollow">http://jsfiddle.net/85s1hrfo/1/</a></p>