This animation is experimental with CSS3 animations. All animations are powered by CSS3 and no images were used. Currently only working 100% in Chrome, somewhat buggy with the skews and transformations in Safari. Overall I am getting better results in Chome, the only bugs that I see now with Safari are the persons walk cycle is sometimes jittery, and the lamp post lighting at the end is delayed and then just pops in. This appears to be a bug in Safari 5 (not 4 for some reason) where if there is an element positioned and rotated with a transform below an elment that is masked, the mask is not effective. You can see an example here. So, I did my best with the timings.
I also added the toggle to outline the elements making it easier to see how some of the animations are working (along with some imperfections).
Start Animation Toggle OutlinesWork by Jeff Doppke, like this? Check out more here.