CSS3動畫Firefox下14

我遇到以下問題動畫：CSS3動畫Firefox下14

.anim { 
    -moz-animation-delay: 0s; 
    -moz-animation-iteration-count: infinite; 
    -moz-animation-duration: 6s; 
    -moz-animation-fill-mode: forwards; 
    -moz-animation-name: animation_1; 
    -moz-animation-play-state: running; 
    -moz-animation-timing-function: linear; 
    -moz-transform-origin: right top; 
    background-image:url("http://jsfiddle.net/css/../img/logo.png");  
    height:25px; 
    width: 160px; 
    z-index: 1; 
    position: absolute; 

} 

.container { 
    left: 100px; 
    top: 100px; 
    position: absolute; 
} 

@-moz-keyframes animation_1 { 
    0% { 
     opacity: 1; 
     left:29.45px; 
     top:0; 
     -moz-transform: rotate(0deg) scale(2,2); 
    } 

    100% { 
     top:0; 
     opacity: 0.5; 
     left:120px; 
     top:120px; 
     -moz-transform: rotate(90deg) scale(0.5,0.5); 
    } 
}

你可以在這裏看到小提琴：http://jsfiddle.net/QTeXG/5/

那麼，同樣的動畫工作確定爲Chrome 21：http://jsfiddle.net/P2dKE/

如果我： - 在Firefox的動畫，它開始工作正常刪除的不透明度。 - 刪除背景圖片並使用背景顏色，它也開始正常工作。

的Ubuntu 12.04，火狐14.0.1和Chrome 21.0.1180.57下進行測試。

任何想法？

來源

2012-08-06 Claudio Acciaresi

你的jsfiddle對我的作品在Firefox 14.0.1在Windows Vista上。 – jfriend00 2012-08-06 01:32:11

是啊，如果我使用代碼-webkit-和替換所有-webkit-與-moz-的Firefox，像在Chrome同樣的效果正常工作。我在Windows上，也許是在Ubuntu – 2012-08-06 01:33:52

FF一些bug是的，這似乎是在Ubuntu和MacOS的一個bug，在Windows好的工作，感謝您的反饋！ – 2012-08-06 13:03:34

這在版本> = 15的Firefox解決。

來源

2013-01-13 13:06:56

CSS3動畫Firefox下14

回答

相關問題