Latest on twitter:
Demo: http://monstercyb.org/gordon/showandtell/lost
2010 March 19: Recreating the LOST opening scene using WebKit CSS transforms and animations.
This was my first experiment with WebKit CSS animation. Other browsers like Gecko-based (Firefox, Camino) and Presto-based (Opera) support some degree of the transforms, scale, and skews that I tweak here, but as of writing this, only WebKit-based browsers support the keyframes necessary for me to animate this without using Javascript. To maintain the proof of concept, I opted out of a JS workaround for the other browsers, so this will only work in WebKit.
Tested as plays nice: Safari, Chrome, MobileSafari, Android browser (except this browser doesn’t support audio as of OS 2.1), webOS browser, and any other recent WebKit-based browser supporting keyframes.
