2014-02-05 48 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;