Quote from http://www.optimum7.com/internet-marketing/web-development/p...

"Believe it or not, the biggest road block I encountered when creating this css3 cartoon was switching the scenes at the correct moment to coincide with the css3 animation. I used jquery’s built in delay function to flip through the scenes and activate the next scene."

Being able to correctly time your animation is at least as important as the effects themselves. You don't get it with CSS not even CSS3. To be more specific: http://api.jquery.com/animate/

TL;DR: the animation logic can only be done in JavaScript, CSS does not have such a feature, and it doesn't even need to because it's fine to do that in JavaScript.