Does Gecko support keyframe properties? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

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?

6th Oct 2019, 7:45 AM
Tonda B
Tonda B - avatar
3 Answers
+ 2
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
6th Oct 2019, 11:20 AM
Aaron Eberhardt
Aaron Eberhardt - avatar
+ 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...
6th Oct 2019, 7:55 AM
Aaron Eberhardt
Aaron Eberhardt - avatar
0
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
6th Oct 2019, 10:17 AM
Tonda B
Tonda B - avatar