a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )Asetettu korkeus ja leveys varmistavat, että vain osa sprite.png.webp-grafiikasta näytetään. Siirtyminen siirtää taustakuvan sijaintia paljastaen kuvan eri alueen.
Katso Geoff Graham (@geoffgraham) -kynä KBjZwg CodePenistä.