Creating CSS Sprites

Try hovering over the flower and watch it change its background. The colored flower and the grayscale version is from the same image. By doing this, you make fewer HTTP requests which will speed up your website.

You can also try hovering over the inactive tabs above the sample and watch it change to blue. Here's some tip. The tab images and the flower images are just from one image file. ;)

Back to Creating CSS Sprites