CSS3轉換不起作用

Question

我無法在this page上轉換到工作狀態，有人知道爲什麼嗎？

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

轉型更像是一個動畫。

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

所以你需要用動作調用該動畫。

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

還檢查瀏覽器的支持，如果你仍然有任何你想要做的問題！檢查你的樣式表中的css-overrides，並檢查出behavior: ***.htc css hacks ..有可能會重寫你的轉換！

你應該看看這個：http://www.w3schools.com/css/css3_transitions.asp

Answer 2

這是你所需要的：

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