a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )Ketinggian dan lebar yang ditetapkan memastikan hanya sebahagian grafik sprite.png.webp ditunjukkan. Rollover mengalihkan kedudukan gambar latar, menunjukkan kawasan grafik yang berbeza.
Lihat Pen KBjZwg oleh Geoff Graham (@geoffgraham) di CodePen.