CSS3 perspective transform is not working in firefox

Question

I am trying to create a css transform for dropdown menu, but it does not work in firefox, from other posts, I tried this:

...
 -moz-animation: flipInX 3s;
...

but it doesn't work in firefox. this is the test test page:

http://leamratech.com/test/test/test.html

Answer 1

In your animation CSS alongside @-webkit-keyframes flipInX {} you need to add @-moz-keyframes flipInX {} as well. that should resolve your issue.

Answer 2

Take a look at this website HERE ,

It shows you the code, and it works in chrome and firefox (I tested it) it uses @keyframes