我听说过可以在 firefox 中实现 css3 动画的 hack 和技巧。我做了一些研究,但一无所获。你们中有人知道如何在 firefox 和 opera(如果可能的话还有 IE)中实现 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);}
}
最佳答案
Firefox 支持动画:
特别是在 Firefox 4+ 中支持 CSS 过渡,在 Firefox 5+ 中支持关键帧
文档:
- > https://developer.mozilla.org/en/CSS/CSS_transitions
- > https://developer.mozilla.org/en/CSS/@keyframes
例子:
关于javascript - Firefox css3 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9221623/