CSS3动画方向反转在Safari中不起作用

时间:2014-02-05 15:37:34

标签: css3 safari

我有以下动画。它在Chrome中工作正常,但在Safari中不起作用。虽然如果我删除反向它开始在Safari中工作。

动画是否有可能在Safari中反向开始工作。 要么 它在chrome中反向工作但在Safari中正常。

JSFIDDLE

.d{
    width:300px;
    height:300px;
  background:url(https://www.google.com/images/srpr/chrome_ntp_white_logo2.png) repeat-x;
     animation:mymove  25s infinite linear reverse;
  -webkit-animation:mymove 25s infinite linear reverse; /* Safari and Chrome */
}
@-webkit-keyframes mymove /* Safari and Chrome */
{
    0%{background-position:0 0}
    100%{background-position:999px 0;}
}

1 个答案:

答案 0 :(得分:0)

所以我删除了反向,因为它不支持Safari并将background-position设置为-999px而不是999px;