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: