需要帮助才能让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/