CSS Sprites (using fewer images)
(This post was originally published in 2006. I’ve just moved it from my old Wordpress blog to Tumblr.)
Image rollovers are usually composed of two individual images; one for the default state and one for when the mouse is hovered over the image or link. However, it bears some advantages to use a single image by taking advantage of CSS background image offsets. I’ll start by describing how a rollover for an anchor is typically done.
