witam zastanawia mnie takie rozwiazanie (z gg akurat):

polega na tym ze normalnie obrazek ma ten stan z gory, a po najechaniu z dolu. zwykle rozwiazuje sie to tym, ze po najechaniu zmienia sie atrybut src na obrazek inny... a tu taka sztuczka. domyslam sie ze polega ona na odpowiednim przycinaniu obrazka po najechaniu, pytanie moje tylko po co? czy jest to jakies wydajnieszjsze czy co?
pozdrawiam

Właśnie tak się zwykle rozwiązuje sprawę hoverów, a nie dwoma obrazkami. Przeglądarka wczytuje cały obrazek i po najechaniu niczego nie musi doczytywać, wszystko odbywa się płynnie.

[HTML] pobierz, plaintext 
a {
background: url('jakis_obrazek') top left;
}
 
a:hover {
background-position: bottom left;
}
[HTML] pobierz, plaintext 

hm no rozumiem. ale takie cos to juz chyba jest hardkor?

w jaki sposob tutaj sie odwoluje do elementow?

szukaj w google pod "css sprites"

poczytaj o obrazkach sprite naturalnie w css