CSS3 Animations Without Keyframes

The Fine Art of Web Development by Martin Ivanov

Here’s how to turn a CSS3 keyframe animation to hard frame animation, which can be used to create flip-book like effects with background image sprites, etc. Just change your animation-timing function to “step-start”: