a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )Määratud kõrgus ja laius tagavad, et kuvatakse ainult osa graafikast sprite.png.webp. Üleminekuga nihutatakse taustpildi asukohta, näidates graafiku erinevat ala.
Vaadake CodePenil Geoff Grahami (@geoffgraham) pliiatsit KBjZwg.