[英]CSS animation does not work on Firefox and IE
I got this code running perfectly on Chrome and Safari, but it does not work on FF and IE, I tried to solve this problem for couple of hours but still not a clue. 我已将此代码完美地在Chrome和Safari上运行,但是在FF和IE上却无法正常运行,我尝试了几个小时来解决此问题,但仍然没有头绪。
@-moz-keyframes imageAnimation {
0% {
opacity: 0;
-moz-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-moz-transform: scale(1.05);
-moz-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-moz-transform: scale(1.1) rotate(3deg);
}
25% {
opacity: 0;
-moz-transform: scale(1.1) rotate(3deg);
}
100% { opacity: 0 }
I saw the css you made. 我看到了您制作的CSS。 If you are using
如果您正在使用
@-o-keyframes imageAnimation
change your 改变你的
-webkit-animation-timing-function
to 至
-o-animation-timing-function
notice the prefixes. 注意前缀。 do the same to other keyframes you made.
对您制作的其他关键帧执行相同的操作。
Please check http://caniuse.com/css-animation for browser compatibility. 请检查http://caniuse.com/css-animation是否具有浏览器兼容性。 Also check CSS Keyframe animations for all browsers?
还要检查所有浏览器的CSS关键帧动画吗? for better and simpler syntax.
获得更好,更简单的语法。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.