CSS3 Przejście nie działa

Question

Nie mogę uzyskać przejść do pracy na this page, ktoś ma jakiś pomysł, dlaczego?

div.sicon a { 
    transition: background 0.5s linear; 
    -moz-transition: background 0.5s linear; /* Firefox 4 */ 
    -webkit-transition: background 0.5s linear; /* Safari and Chrome */ 
    -o-transition: background 0.5s linear; /* Opera */ 
    -ms-transition: background 0.5s linear; /* Explorer 10 */ 
} 

Answer 1

Transition to raczej animacji.

div.sicon a { 
    background:-moz-radial-gradient(left, #ffffff 24%, #cba334 88%); 
    transition: background 0.5s linear; 
    -moz-transition: background 0.5s linear; /* Firefox 4 */ 
    -webkit-transition: background 0.5s linear; /* Safari and Chrome */ 
    -o-transition: background 0.5s linear; /* Opera */ 
    -ms-transition: background 0.5s linear; /* Explorer 10 */ 
} 

Musisz wywołać tę animację za pomocą akcji.

div.sicon a:hover { 
    background:-moz-radial-gradient(left, #cba334 24%, #ffffff 88%); 
} 

Sprawdź również pod kątem obsługi przeglądarki i jeśli nadal masz problem z tym, co próbujesz zrobić! Sprawdź przesłonięcia css w arkuszu stylów, a także sprawdź, czy nie pojawiły się cnsy behavior: ***.htc .. może być coś przesłaniającego przejście!

Powinieneś to sprawdzić: http://www.w3schools.com/css/css3_transitions.asp

Answer 2

Czy to, czego potrzebujesz:

http://jsfiddle.net/vSUQP/16/