Firefox css3動畫

我聽說過可以通過firefox實現css3動畫的黑客和技巧。我做了一些研究，什麼也沒有做。你們中的任何人都知道如何在firefox和opera中實現css3動畫（如果可能的話，還有IE）？我會非常感激！謝謝！Firefox css3動畫

編輯：

#pictureMove { 
    -webkit-animation:pictureTransition 25s; 
    -webkit-animation-iteration-count:infinite; 
    -webkit-animation-timing-function:linear; 
    -moz-animation-name:pictureTransition; 
    -moz-animation-duration::25s; 
    -moz-animation-iteration-count:infinite; 
    -moz-animation-timing-function:linear; 
} 
@-webkit-keyframes pictureTransition { 
    from,5% {-webkit-transform:translateX(0px);-moz-transform:translate(0px);} 
    10%,25% {-webkit-transform:translateX(-1024px);-moz-transform:translate(-1024px);} 
    30%,45% {-webkit-transform:translateX(-2048px);-moz-transform:translate(-2048px);} 
    50%,65% {-webkit-transform:translateX(-3072px);-moz-transform:translate(-3072px);} 
    70%,85% {-webkit-transform:translateX(-4096px);-moz-transform:translate(-4096px);} 
    90%,to {-webkit-transform:translateX(-5120px);-moz-transform:translate(-5120px);} 
} 
@-moz-keyframes pictureTransition { 
    from,5% {-moz-transform:translateX(0px);} 
    10%,25% {-moz-transform:translateX(-1024px);} 
    30%,45% {-moz-transform:translateX(-2048px);} 
    50%,65% {-moz-transform:translateX(-3072px);} 
    70%,85% {-moz-transform:translateX(-4096px);} 
    90%,to {-moz-transform:translateX(-5120px);} 
}

來源

2012-02-10 AJ Naidas

火狐已經支持像所有的CSS3動畫的90％。 – Blender 2012-02-10 01:44:54

Firefox支持動畫：

具體CSS轉換在Firefox支持4+和關鍵幀在Firefox 5+

文檔：

實例：

來源

2012-02-10 01:51:10 Petah

你可以在Firefox中查看一段時間嗎？ http://anywearstyle.com/是那裏使用css3動畫？因爲-moz-animation在我當前的Firefox上無法正常工作，但工作起來 – 2012-02-10 01:54:19

@AJNaidas你能更具體地瞭解你所嘗試過的東西，以及哪些不起作用。也許創建一個JSFiddle吧。 – Petah 2012-02-10 01:58:49

編輯過的帖子先生：D – 2012-02-10 02:05:20

Firefox css3動畫

回答

相關問題