A simple summary of what I think is going on here:
There is a bit of slight of hand here that makes this look like a CSS3 animation but I'm pretty sure it's not.
Upon initial page load there is a canvas that takes up the background that has the zipper, logo, split input's and buttons on it. On top of that they have real DOM input and buttons.
When you touch the zipper they hide the DOM elements and reveal the underlying canvas. The background page is loaded and the canvas animation proceeds and reveals the background page.
I believe this is all the code for it: https://gist.github.com/2476246. Line 343 (the $ function declaration) initialized the script and line 363 initialized the canvas element. You're right, not CSS3.
A nice little artistic touch: If you go straight down from the beginning of the Jules Verne logo, there's a bunch of corals which fill the Google porthole perfectly.
It looks like a neat feat, but it is not really interactive, I think. When I pull it somewhat down and then all the way up again, all while keeping mouse1 pressed, it will still unzip.
[+] [-] travisglines|14 years ago|reply
There is a bit of slight of hand here that makes this look like a CSS3 animation but I'm pretty sure it's not.
Upon initial page load there is a canvas that takes up the background that has the zipper, logo, split input's and buttons on it. On top of that they have real DOM input and buttons.
When you touch the zipper they hide the DOM elements and reveal the underlying canvas. The background page is loaded and the canvas animation proceeds and reveals the background page.
[+] [-] AdamTReineke|14 years ago|reply
The two image sprites are http://www.google.com.au/logos/2012/sundback12-hp-l.jpg and http://www.google.com.au/logos/2012/sundback12-hp-s.png.
[+] [-] goblin89|14 years ago|reply
Actually, you can start dragging anywhere on the logo and it will still unzip.
[+] [-] xenonite|14 years ago|reply
[+] [-] therealarmen|14 years ago|reply
[+] [-] mutagen|14 years ago|reply
[+] [-] pja|14 years ago|reply
[+] [-] kzrdude|14 years ago|reply
[+] [-] jeza|14 years ago|reply
[+] [-] replax|14 years ago|reply
[+] [-] abraham|14 years ago|reply
[+] [-] padobson|14 years ago|reply
[+] [-] zerostar07|14 years ago|reply
[+] [-] read_wharf|14 years ago|reply
[+] [-] artursapek|14 years ago|reply
[+] [-] panacea|14 years ago|reply
Doesn't do anything on an iOS device.
I would never have navigated to the Google homepage if it wasn't linked here.
[+] [-] sceptre|14 years ago|reply
[deleted]
[+] [-] beerglass|14 years ago|reply
[+] [-] joshfraser|14 years ago|reply
[+] [-] unknown|14 years ago|reply
[deleted]
[+] [-] vipvoy|14 years ago|reply
[deleted]
[+] [-] vipvoy|14 years ago|reply
[deleted]
[+] [-] vipvoy|14 years ago|reply
[deleted]
[+] [-] vipvoy|14 years ago|reply
[deleted]
[+] [-] vipvoy|14 years ago|reply
[deleted]
[+] [-] vipvoy|14 years ago|reply
[deleted]
[+] [-] ryangilbert|14 years ago|reply
[+] [-] ElbertF|14 years ago|reply
[+] [-] pablasso|14 years ago|reply
[+] [-] goblin89|14 years ago|reply
[+] [-] malux85|14 years ago|reply
[+] [-] mc32|14 years ago|reply
[1] Ok, not really him, now that I read who's on the cover, but when I saw it at someone's place, I thought it must be Mick's.