a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )Ustawiona wysokość i szerokość zapewniają, że wyświetlana jest tylko część grafiki sprite.png.webp. Najazd zmienia położenie obrazu tła, odsłaniając inny obszar grafiki.
Zobacz Pen KBjZwg autorstwa Geoffa Grahama (@geoffgraham) na CodePen.