Witam,

Chiałbym zrobić płynne przejście pomiędzy dwoma tłami (dla strzałek), niestety poniższy kod nie działa:

[HTML] pobierz, plaintext 
#navigation ul li.parent { background-image: url( ../images/arrow1.png ); background-position: center bottom; background-repeat: no-repeat; transition: all 300ms ease-in; }
#navigation ul li.parent:hover { background-image: url( ../images/arrow2.png ); background-position: center bottom; }
[HTML] pobierz, plaintext 

Natomiat jeśli zmienie pozycję strzałki przed hover to działa (center top):

[HTML] pobierz, plaintext 
#navigation ul li.parent { background-image: url( ../images/arrow1.png ); background-position: center top; background-repeat: no-repeat; transition: all 300ms ease-in; }
#navigation ul li.parent:hover { background-image: url( ../images/arrow2.png ); background-position: center bottom; }
[HTML] pobierz, plaintext 

Co trzeba zrobić żeby przejście dla 1. kodu zadziałało bez zmieniania pozycji tła?

http://www.w3.org/TR/css3-transitions/#animatable-css
Jakbyś nie szukał, background-image nie znajdziesz niestety