Does Gecko support keyframe properties?

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?

10/6/2019 7:45:43 AM

Tonda B

3 Answers

New Answer


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


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


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