a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )Nastavljena višina in širina zagotavljata, da je prikazan le del grafike sprite.png.webp. Prenos premakne položaj slike v ozadju in razkrije drugačno področje grafike.
Oglejte si Pen KBjZwg, avtor Geoff Graham (@geoffgraham) na CodePen.