mam taki oto obrazek

jak powinien wygladac kod html/css dla button aby domyslnie widoczna byla tylko gorna czesc obrazka a po najechaniu na button myszka powinna byc widoczna tylko dolna czesc obrazka?
rozumiem jak zrobic taki efekt majac dwa oddzielne obrazki, ale jak to sie robi z takim jednym obrazkiem ?
ogromne dzieki za pomoc