a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )A beállított magasság és szélesség biztosítja, hogy a sprite.png.webp grafika csak egy része jelenik meg. Az áthúzás elmozdítja a háttérkép helyzetét, felfedve a grafika egy másik területét.
Lásd Geoff Graham (@geoffgraham) Pen KBjZwg-jét a CodePen-en.