CSS3 Transición no funciona

Question

No pude obtener transiciones para trabajar en this page, ¿alguien tiene alguna idea de por qué?

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

transición es más como una animación.

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 */ 
} 

por lo que necesita para invocar que la animación con una acción.

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

también comprobar la compatibilidad del navegador y si todavía tiene algún problema con lo que estamos tratando de hacer! Comprueba las anulaciones de css en tu hoja de estilo y también echa un vistazo a behavior: ***.htc css hacks ... ¡puede haber algo que anule tu transición!

Usted debe comprobar esto: http://www.w3schools.com/css/css3_transitions.asp

Answer 2

Es esto lo que necesita:

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