CSS3 animations with rotation using transform-origin

Browser support (4rd June 2011): Safari (iPhone and iPad untested), Chrome 11 and Firefox (Aurora).

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.