CSS3 Quá trình chuyển đổi không hoạt động

Question

Tôi không thể chuyển tiếp để hoạt động trên this page, bất kỳ ai cũng có ý tưởng tại sao?

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

chuyển tiếp là giống như một phim hoạt hình.

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

Vì vậy, bạn cần phải gọi hoạt ảnh đó bằng hành động.

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

Đồng thời kiểm tra hỗ trợ trình duyệt và nếu bạn vẫn gặp sự cố với bất kỳ điều gì bạn đang cố gắng làm! Kiểm tra css-ghi đè trong biểu định kiểu của bạn và cũng có thể kiểm tra cho behavior: ***.htc css hack .. có thể có điều gì đó ghi đè quá trình chuyển đổi của bạn!

Bạn nên kiểm tra điều này: http://www.w3schools.com/css/css3_transitions.asp

Answer 2

Đây có phải là những gì bạn cần:

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