“动画”在CSS3不工作在mozilla。该怎么办？ [英] "Animation" in CSS3 not working in mozilla. What to do?

问题描述

我使用了css3的关键帧，但是在mozilla的情况下它不工作。

I have used keyframe of css3 but in case of mozilla its not working. It is working fine with google chrome.

我使用了@keyframe和@ -webkit-keyframe，也和animation一样。但它不工作我不知道为什么。

I used both @keyframe and @-webkit-keyframe, also same with "animation". but its not working I don't know why.

推荐答案

您应该指定mozilla （moz）如下：

You should be specifying mozilla (moz) as well like below:

@-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; }
}

这篇关于“动画”在CSS3不工作在mozilla。该怎么办？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！