Syndicate content

css sprites

Jun 02

Display icons using a single image and CSS “Sprites”

Wed, 06/02/2010 - 23:29 — julie

Recently, I have been working on a website that has numerous icons being displayed on a single page. One of the ways to reduce server requests is to store all of your icons in a single image and use CSS to display only the portion of the image you need for a particular location on your page. This technique is commonly used by designers to display icons from a single image. It is often termed CSS sprites.

First, lets take a look at an image with the icons we will be using. I have chose these grunge icons for this example. You can find icons on just about any stock photography site or if you are adventurous make your own.


Copyright 2009. E-mail Me
Auto Spare Parts