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:
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.
Related posts: