a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )Iestatītais augstums un platums nodrošina, ka tiek parādīta tikai daļa no sprite.png.webp grafika. Pārvietošana pārvieto fona attēla pozīciju, atklājot citu grafikas apgabalu.
Skatiet Geoff Graham (@geoffgraham) Pen KBjZwg vietnē CodePen.