title: translate vs transform-origin css3
body: <p>I was wondering if someone could help me. I've been having trouble understanding what exactly is the css3 property: <code>transform-origin</code>. I can't seem to follow the direction it is moving.</p>
  
  <p>So for example, lets say you have a square div, and you rotate it 40 degrees. and then you perform a <code>transform-origin: 100% 0%</code>. can't you just do a <code>translateX(and some value)</code>? It seems like translateX will move it along the x-axis with respect to the newly rotated axis after performing a rotate. I can't seem to follow what transform-origin is doing, or what exactly it even is.</p>
  
  <p>A clear and thorough example would be much appreciated. =)</p>