title: Issue with horizontal CSS transformation (transformation being multiplied?)
body: <p>For some reason the X-axis transformations at <a href="http://aarzee.me/mathexperimentanim.html" rel="nofollow">http://aarzee.me/mathexperimentanim.html</a> (click on the gray square to trigger the transformation) are visually off from what I expect. The transformations should be identical to what is seen at <a href="http://aarzee.me/mathexperiment.html" rel="nofollow">http://aarzee.me/mathexperiment.html</a>. I have verified that the math is sound (I'm not accidentally multiplying the X-axis translation anywhere in my code), and I am not sure what is triggering this behavior. My goal is to have the animation create the same result as the non-animated page.</p>