CSS3 animations with rotation using transform-origin

Notes: A square turning over on it corner using a full 360 degrees. The enclosing div has been floated and margins have been added to the rotating element to keep the enclosing div the same width and height for the full course of the animation. This has been done to understand how margins relate to transform-origin.