Firefox css3 animations

Question

ファイアフォックスでcss3アニメーションを実装するためのハックやトリックについて聞いたことがあります。私はいくつかの研究を行い、何もなかった。 firefoxとopera（と可能であればIE）でcss3アニメーションを実装する方法を知っている人はいますか？私は本当にそれを感謝します！ありがとう！

EDIT：

#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);} 
} 

Answer 1

Firefoxはアニメーションをサポートしています。

：

は、具体的遷移はFirefoxの5+

ドキュメントでのFirefox 4+とキーフレームでサポートされているCSS

• https://developer.mozilla.org/en/CSS/CSS_transitions
• https://developer.mozilla.org/en/CSS/@keyframes

例：

• http://hacks.mozilla.org/2011/05/advanced-animations-in-aurora-with-css3-animations/
• http://paulrouget.com/e/css3animations/