Teach you to play with CSS Sprite/Sprite

directory

Sprite/Sprite

Image Mosaic – simple example

Image Collage – Creates a navigation list

Image Mosaic S – Hover effect

Sprite/Sprite

Sprite/Sprite is an image mash-up

It’s a collection of individual images.

Web pages with many images can take a long time to load and generate requests from multiple servers.

Using image collage reduces the number of requests to the server and saves bandwidth.

Image Mosaic – simple example

Instead of using three separate images, we use this single image (” img_navSPr