Animate png sprites with css3 animations

Here's a demo I made on Codepen that let's you play with Ken (from Street Fighter II). There are several moves, like jumping, walking, etc and of course there's the famous Hadoken! :) It's made with only CSS transitions and a minimum of javascript that let's you control Ken.

UPDATE
And here's the post I wrote for the David Walsh Blog → where I explain how it works in details.

Check out this Pen!

Had a lot of fun while making it ;)