a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )Встановлені висота та ширина забезпечують відображення лише частини графіки sprite.png.webp. Переміщення зміщує положення фонового зображення, виявляючи іншу область графіки.
Дивіться Pen KBjZwg від Geoff Graham (@geoffgraham) на CodePen.