在移动端使用animation时候,在某些机型上动画会异常

Question

我使用CSS3的animation写了个动画,是fadeIn and fadeOut 的组合,但是动画在iphone6上面,在最后fadeout的时候会突然闪烁一下.这个是animation的问题吗,有什么解决方案吗?兼容性的前缀我都加了.

没什么代码呀,就是
@keyframes fadeInOut {

0% {
    opacity: 0;
}
10%,
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}

}
这个还有其他带前缀的keyframes
js里面
$('.hint').removeClass("hidden").css({

     "animation": "fadeInOut ease-in-out " + time + "s 1",
     "-webkit-animation": "fadeInOut ease-in-out " + time + "s 1",
     "-moz-animation":"fadeInOut ease-in-out " + time + "s 1",
     "-o-animation":"fadeInOut ease-in-out " + time + "s 1",
   });

Answer 1

这事没有代码，不知道怎么帮你看！

Answer 2

学习学习学习