4 ms·

While Firefox is my primary browser there's still something off with their CSS transform / CSS transition performance. Take these hover effects, particularly de

While Firefox is my primary browser there's still something off with their CSS transform / CSS transition performance. Take these hover effects, particularly demo #4, as an example: http://preview.codecanyon.net/item/card-css3-portfolio-cards-with-hover-effects/full_screen_preview/21558172 http://preview.codecanyon.net/item/card-css3-portfolio-cards... While certainly excessive those demos run flawlessly and smoothly on Chrome, but are struggling on Firefox. An observation I made often when it comes to complex transform effects in Firefox. Does anyone else experience this?

teekert 8y ago
Nothing looks strange to me with Demo nr. 4? (FF 60.0.2)
- thirdsun 8y ago
  For me the frame rate is struggling to keep it even remotely close to 60fps. It's certainly not smooth. This happens in FF 61.0 Beta on an iMac 5K, but the issue applies to versions that date back to pre-Quantum days. I noticed the problem is more visible if large elements are affected by the transform effects, a smaller window renders those smoother for example.
  - dreamer_ 8y ago
    For me, it works perfectly on both FF and Chrome (Linux), but I wonder how WebRender will deal with it; can you test Firefox Nightly with "gfx.webrender.all" set to true?
    - thirdsun 8y ago
      Thanks! gfx.webrender.enabled (not .all) alone does indeed solve the performance issues, however only in Nightly (v62), not in the Beta (v61) channel.
nruttnod 8y ago
I use animation and transitions a lot in my work and manly use firefox. I have noticed this problem as well, it does not manage transitions as well as chrome for some reason.