I love the short effective intro copy and animation. To nitpick a bit though, the font-size animation on your h2 heading is a bit clunky in Chrome, since Webkit rounds font-size values to the nearest integer. I would suggest animating on -webkit-transform: scale(...) instead, starting with scale(1) and animating down to scale(0.66ish). Then the animation will be nice and smooth, and the text will still render nicely (since you're not going above scale(1)).
Also, a minor correction in your demo: "parking break" should be "parking brake".
EDIT: I'm realizing that jQuery's animate() method doesn't work natively on CSS3 transform properties[1][2], so this would probably require some additional tweaking that may or may not be worth it. Anyway, something to think about at least!
Also, a minor correction in your demo: "parking break" should be "parking brake".
EDIT: I'm realizing that jQuery's animate() method doesn't work natively on CSS3 transform properties[1][2], so this would probably require some additional tweaking that may or may not be worth it. Anyway, something to think about at least!
[1] http://stackoverflow.com/questions/5029035/how-do-we-add-css...
[2] http://stackoverflow.com/questions/5462275/animate-element-t...