I'm glad to see I'm not the only one with PC Firefox issues!
However, when I viewed your links, I didn't see any issues of flickering. (Windows 10, FF 40.0.2)
Did you find a fix? If so, could you please post?
My issue is a animation glitch near the end of the animation. It only appears on PC FF. Both Windows 10 and 7.
There are two things puzzling me:
It only happens on the sizes of 300x250 even though I built these first and spun off the other sizes using Save As...
When I open the Developer Inspector and open up the arrows to view the contents of the divs, the issue goes away. When I close the DI, it returns.
A side issue: The button text renders with extra space above "Register Now" in FF on both Mac and PC but more so on PC. Renders fine elsewhere.
It seems I have found my own solution by simply updating the version of FireFox!
I was originally viewing it in version 38.0.3 but since it has been updated to version 40.0 the animation is running smoothly.
Thanks Neil for the update!
Unfortunately, my issue still persists.
However, I did fix the extra space above the text in FF.
I simply dialed down the leading (line-height) to be same as the size of text. Text = 10px thus, Leading is 10px.
Fixed my issue!
Apparently, FF on PC didn’t like the way the second photo completed the slide in and then proceed upward along with the gradient bar.
Noticing that the others don't have this glitch, the one main difference was that pause between the slide in and up.
Getting rid of that, by;
- drawing in the gradient animation earlier to coincide with the second photo slidein,
- deleting the upward animation on the photo,
- and repositioning the second photo to be static on the y-axis throughtout
ended the glitch.