“Animation” in CSS3 not working in mozilla. What t

Question

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

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

Answer 1

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