jestem bardzo zielony jeśli chodzi o jQuery, większość efektów udaje mi się uzyskać metodą KopiegoPasta, ale tym razem poległem na bardzo prostym efekcie

otóż mam najzwyklejszy w świecie przykładowy link z id "link"
link ma background na zasadzie zmiany pozycji czyli w css wygląda to tak:

#link a {
duperele width height etc.
background-image:url(link.png);
}
#link a:hover{
background-position:0 -50px;
}

i teraz chciałem aby ten efekt był ładny i płynny,
przy samym css jest to zwykły przeskok,
próbowałem użyć animate backgroundPosition ale wtedy robi mi się zwyczajne przesunięcie tj. wjeżdża i odjeżdża mi nowy obrazem
ja bym chciał płynne przejście/nakładanie się

ważną rzeczą jest też fakt, że obrazek to .png i część hover ma inny kształt, co uniemożliwia np. stałe wyświetlanie tego pod spodem jako div i animację opacity górnego diva