title: How would I reverse a css transition property width?
body: <p>So I want to make a css animation property where the width extends toward the left but it always extends to the right. I am trying to figure how to make the width extend left instead of the default right. How should I approach this problem? JsFiddle below<br>
  <a href="http://jsfiddle.net/cPUuL/1/" rel="nofollow">Jsfiddle</a>
  <br> <br> Html:<code>&lt;div&gt;&lt;/div&gt;</code><br><br>Css:<br></p>
  
  <pre><code>div
  {
      position:absolute;
      bottom:130px;
      left:130px;
      width:100px;
      height:100px;
      background:red;
      -webkit-transition:width 2s; 
  }
  
  div:hover
  {
      width:200px;
  }
  </code></pre>