Free since 2005 · No login required
AT

Academic Tutorials

Learn at your own pace

site-mobile-top-banner · 320x50

CSS Image Sprites

Added 26 Jul 2008

CSS Image Sprites:-

This tutorial first explains how to create a combined icons graphic in Adobe Photoshop for use as CSS image sprites. Then you'll learn how to create the CSS image sprites approach to display each 'sprites' icons properly where you want them to appear within your website. All CSS is provided with each step along the way, along with the final results. This CSS sprites approach was tested with a multitude of new and old browsers for Windows, Mac, Linux.