This link has been bookmarked by 112 people . It was first bookmarked on 24 Apr 2006, by Ben.
-
miSteRpiNk enTeRtaiNmeNtsYsteMCSS Sprites
-
Gavin AllanReplace old-school image slicing with CSS
-
E Barneya simple method for mapping interactive image states onto a list of links using hover and active and careful cropping of different versions of an image
-
Lyubov BerezinaReplace old-school image slicing with CSS
-
morphis ffCSS Sprites: Image Slicing’s Kiss of Death
-
Nicolo` Martinicss sprites
-
Eduardo CanuriaSobre CSS Sprites
-
Jerry WongCSS Sprites技术
多个小图片存储在一张大图里面 -
Erin the LibrarianReplace old-school image slicing with CSS
-
Mac DillonCSS with Sprites
-
nathan arnoldUsing sprites combines many rollover images in one file to reduce number of HTTP requests made to the server.
-
Ken HExplains how to slice a large image so as to display only a part of it using just CSS
-
mitt squintervia A List Apart
-
Caspar Van der LindenSprite based image-'mapping' to create special rollover effects.
-
Everything old is new again, and though the rise of 3D games has made sprite maps obsolete, the concurrent rise of mobile devices with 2D gaming capabilities have brought them back into vogue. And now, with a bit of math and a lot of CSS, we’re going to take the basic concept and apply it to the world of web design.
Specifically, we’re going to replace old-school image slicing and dicing (and the necessary JavaScript) with a CSS solution. And because of the way CSS works, we’re going to take it further: by building a grid of images and devising a way to get each individual cell out of the grid, we can store all buttons/navigation items/whatever we wish in a single master image file, along with the associated “before” and “after” link states.
-
Page Comments
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.