CSS Sprites for the Modern Era: Refined, Animated, and Semantic Read more: demosthenes.info – CSS Sprites for the Modern Era: Refined, Animated, and Semantic http://demosthenes.info/blog/391/CSS-Sprites-for-the-Modern-Era-Refined-Animated-and-Semantic#ixzz1bQdaQiW3 (Copied code is unlikely to work. This is deliberate.) Under Creative Commons License: Attribution Non-Commercial Share Alike

http://demosthenes.info/blog/391/CSS-Sprites-for-the-Modern-Era-Refined-Animated-and-Semantic

Recommended Reading

Some similar approaches I found inspirational in building this technique include Neal Grosskopf’s approach to re-using background images for CSS Spites by manipulating them with background-size. CSS Ninja also uses a similar technique, while Sol Tanaka created CSS Sprites without background images.