Quella qui sopra è un'unica immagine che rappresenta lo stato normale e lo stato hover di un ipotetico bottone.
Questa immagine viene usata come sfondo per il div qui sotto.
Grazie alle proprietà "background-image" e "background-position" possiamo modificare la parte dell'immagine da rendere visibile all'utente.
Proviamo a passare con il mouse sul "bottone" qui in basso...