a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )Den indstillede højde og bredde sikrer, at kun en del af sprite.png.webp-grafikken vises. Omrulningen skifter baggrundsbilledets position og afslører et andet område af grafikken.
Se pennen KBjZwg af Geoff Graham (@geoffgraham) på CodePen.