Question

重复警告，抱歉。

我已经阅读了几个类似的帖子，并尝试了所有解决方案，但没有一个确实有用。

我有非常简单的动画，可以隐藏，显示和隐藏。

#top_heading .chmurka2{
position:absolute;
top:0;
left:257px;
-webkit-animation: top_chmurka2 8s 1s infinite alternate;
   -moz-animation: top_chmurka2 8s 1s infinite alternate;
    -ms-animation: top_chmurka2 8s 1s infinite alternate;
     -o-animation: top_chmurka2 8s 1s infinite alternate;
        animation: top_chmurka2 8s 1s infinite alternate;

}

@-webkit-keyframes top_chmurka2 { /*chrome and safari*/
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes top_chmurka2{ /*mozilla*/
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-ms-keyframes top_chmurka2{ /*before IE 10*/
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes top_chmurka2{ /*IE9+, Opera*/
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@keyframes top_chmurka2 { /*standard*/
  0%  { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}

除了Chrome之外，它在所有主流浏览器上运行良好，尽管我使用了-webkit-。到底是怎么回事？（我也使用-webkit-在关键帧规则中使用，但它也不能正常工作）

Answer 1

我的动画代码很好，但我的chrome不是。

Css动画不能仅在chrome下工作

1 个答案: