2014-02-05 50 views
0

我有以下动画。它在Chrome中正常运行,但不适用于Safari浏览器。虽然如果我删除相反,它开始在Safari中工作。CSS3动画方向Reverse在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;} 
} 

回答

0

所以我删除反向因为其不Safari支援,并设置背景位置到-999px代替999px;