[CSS]CSS3 Transitions - nie działa Opcje

[AboutMe]

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?

Ten post edytował AboutMe 19.12.2012, 12:12:16

[Damonsson]

http://www.w3.org/TR/css3-transitions/#animatable-css
Jakbyś nie szukał, background-image nie znajdziesz niestety (IMG:style_emoticons/default/sad.gif)