a ( background: url(sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px; ) a:hover ( background-position: 0 -30px; )Ayarlanan yükseklik ve genişlik, sprite.png.webp grafiğinin yalnızca bir kısmının gösterilmesini sağlar. Rollover, arkaplan görüntüsünün konumunu değiştirerek grafiğin farklı bir alanını ortaya çıkarır.
CodePen'de Geoff Graham (@geoffgraham) tarafından hazırlanan Pen KBjZwg'ye bakın.