html - CSS3 中的“动画”在 Mozilla 中不起作用。该怎么办？

Question

我使用了 css3 的关键帧，但在 Mozilla 的情况下它不起作用。它在谷歌浏览器上运行良好。

我同时使用了@keyframe 和@-webkit-keyframe，也与“动画”相同。但它不工作我不知道为什么。

Answer 1

您应该指定 mozilla (moz)，如下所示：

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}