a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )Tinggi dan lebar yang ditetapkan memastikan hanya sebagian dari grafik sprite.png.webp yang ditampilkan. Rollover menggeser posisi gambar latar belakang, menampilkan area grafik yang berbeda.
Lihat Pen KBjZwg oleh Geoff Graham (@geoffgraham) di CodePen.