Question

我在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 }

} Here is the full code

Answer 1

我看到你做的css。如果您正在使用

@-o-keyframes imageAnimation

改变你的

-webkit-animation-timing-function

到

-o-animation-timing-function

注意前缀。对你做的其他关键帧做同样的事情。

请检查http://caniuse.com/css-animation以获取浏览器兼容性。同时检查CSS Keyframe animations for all browsers? 为了更好，更简单的语法。

CSS动画在Firefox和IE上不起作用

1 个答案: