Does Gecko support keyframe properties?

Question

Hello. I made a simple web page with spinning object and buttons that change the spin speed. The problem is that it only works on Webkit and Blink engine. On Firefox's Gecko when I try to get current speed with getPropertyValue method, it always returns NaN. Is Gecko not supporting the keyframe properties? If it' true is there any workaround?

Answer 1

I think I found the reason why it didn't work. Firefox translates animation to the actual values of its properties. So
animation: rotate 2s;
translates to
animation-name: rotate;
animation-duration: 2s;
Therefore you need to select animation-duration in js.
Btw. you usually don't need vendor prefixes nowadays :)

Here's my code. I made the JS a lot cleaner, too.
https://code.sololearn.com/Wu1EUQsFrG1S/?ref=app

Answer 2

Can you post the code here? Usually Firefox (Gecko) supports all web standards so it should work fine...
What you're using might be a non standard feature though, you could look at the MDN web docs to find out more...

Answer 3

I already checked MDN and I think that I am not using anything non standard.
Here's the code: https://code.sololearn.com/Wq6Fm2Qz1sYD/?ref=app