CSS3多动画Safari

Question

我在使用Safari中运行的多个CSS3动画时遇到了麻烦，第一个运行正常，但第二个闪烁很多。动画的两部分都可以单独使用。

（在SASS）

// First Anim
@include keyframes(init) {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -20850px 0px;
  }
}


// Second anim
@include keyframes(play) {
  from {
    background-position: 0px -227px;
  }
      to {
    background-position: -13066px -227px;
      }
}

@include vendor-prefix(animation, 
        (
         init 5s steps(75),
          play 2s 5s steps(47) infinite
        )
);