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 can visually be achived by using the same point of 'transform-origin'. I big thank you to Boris Zbarsky for showing me that this was possible in one keyframe.

Other examples swapping animation names and buttons using script: