Display icons using a single image and CSS “Sprites”

I Read a good article today regarding the CSS Sprites method for displaying effects with a single image. In this article the developer using a single image to display all the site icons. Below is a excerpt from the article:

Your Ad Here

I Read a good article today regarding the CSS Sprites method for displaying effects with a single image. In this article the developer using a single image to display all the site icons. Below is a excerpt from the article:

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.

Read the complete article

Leave a Reply

Submit