Application of CSS Sprites
For easy understanding lets go by a simple example. Image rollovers that are most common in a web page are once handled using JavaScript. Later the same was handled using simple CSS with Pseudo class :hover. Either when JavaScript is used or CSS Pseudo class is used, two images were required to obtain the rollover effect i.e., one image for normal state and one for the rollover state.
Posted by kesav