Do all the things like ++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatarSign Up
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple APILearn More
lamka02sk459935dAs a person who uses Firefox daily for web development, I have never heard or experienced this problem. Huh
Meta350735d@lamka02sk maybe I should be more specific. It's repeating SVG frames that shift between opacity 0 and 1. It works in Firefox if you hover over it, otherwise it just flickers. Opacity 0.0001 fixes that.
Maybe there's some kind of optimization that unintentionally makes matters worse here.
kiki1702635dYo do your animated element has children that are not text nodes
Use animate.css and aos.js and just standard CSS transition like all the time.
Firefox is my daily driver.
Actually was even recently working on a fast opacity transition to zero, because I wanted the content to fade out quickly before being scrolled into the top bar...
Worked fine down to 100ms.
It did seem to “blink out” after that, but it may just be my eye unable to detect the animation at that speed. And I mean, who really needs a 100ms transition anyway... the eye sees maybe 3 frames of it.
Anyway, far as I can tell FF is fine animating opacity.
Note: this is using opacity and NOT moz-opacity.