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?
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;
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.
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...