Arbeiten mit Spritegrafiken

Unter "Spritegrafik" versteht man eine Grafik, deren Teilbilder mit Hilfe von CSS an die benötigte Stelle gesetzt wird.

Beispiel 1

400px x 300px

Die Grafik besteht aus vier Sprites. Am rechten Rand befinden sich
die aus der Spritegrafik positionierten Einzelgrafiken.

Sprite Position
Cyan x=0, y=0
Magenta x=200px, y=0
Yellow x=0, y=-150px
Black x=200px, y=-150px