需要帮助才能让css3中的gradiens的browsersuport工作

Question

我无法使用渐变与safari一起使用。我在这里错过了什么？

这里是我的代码：

@keyFrames changeSizeAndColor{ 
    from{ width: 200px; 
      height: 200px; 
      background-color: blue; 
      font-size: 5px; 
     } 
    to{ width: 300px; 
     height: 300px; 
     font-size: 25px; 
    background: -webkit-repeating-linear-gradient(red, yellow 10%, green  20%); 
    background: -o-repeating-linear-gradient(red, yellow 10%, green 20%); 
    background: -moz-repeating-linear-gradient(red, yellow 10%, green 20%); 
    background: repeating-linear-gradient(red, yellow 10%, green 20%); 
    } 
} 

Answer 1

使用@-webkit-keyframes changeSizeAndColor{}为Chrome，Safari，Opera或

看到小提琴http://jsfiddle.net/DIRTY_SMITH/q12bh4se/6/