CSS sprites are usually used in situations that involve hovering over an element to manipulate the sprites. With CSS keyframe animation that is running infinitely, sprites can be made to animate almost like a GIF, but with finer control. In this inspirational Codepen demo by Avaz Bokiev, the sprites are animated using CSS continuously without needing any hover interaction. The animation can be stopped using a checkbox and you can control the sprite to animate forward or backward. Check out the CSS sprite animation demo by clicking on the button below.

View Demo