This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Text rendering sometimes fuzzy, keyframes the culprit.

  • 1 reply
  • 2 have this problem
  • 13 views
  • Last reply by bygabyga

more options

I submitted a complaint on fuzzy text quite some time ago suspecting keyframes on a webpage was conflicting with text rendering & have finally confirmed that is the case.

I use alot of dropdown menus & text inside the menus will go fuzzy during any keyframe spinning events but clear up when spinning stops however that's not the case if there's a 3d transform coded in the keyframes css & a dropdown sitting right over top of a keyframe coded with transform in it will permanently deform any dropdown text regardless if it's spinning or not & z-index prioritizing has no effect clearing up text either.

I ended up eliminating the 3d transform from my keyframe codes with no noticeable degradation of the keyframe effects & now have clear text on dropdowns as soon as any spinning keyframes end their events.

Thought you guys at Firefox would find this info useful in trying to come up with text rendering immune to keyframe conflicts that don't exist in any other browser I've seen.

I submitted a complaint on fuzzy text quite some time ago suspecting keyframes on a webpage was conflicting with text rendering & have finally confirmed that is the case. I use alot of dropdown menus & text inside the menus will go fuzzy during any keyframe spinning events but clear up when spinning stops however that's not the case if there's a 3d transform coded in the keyframes css & a dropdown sitting right over top of a keyframe coded with transform in it will permanently deform any dropdown text regardless if it's spinning or not & z-index prioritizing has no effect clearing up text either. I ended up eliminating the 3d transform from my keyframe codes with no noticeable degradation of the keyframe effects & now have clear text on dropdowns as soon as any spinning keyframes end their events. Thought you guys at Firefox would find this info useful in trying to come up with text rendering immune to keyframe conflicts that don't exist in any other browser I've seen.

All Replies (1)

more options

Hello, please make sure to use an up to date release of Firefox. XP users are advised to use ESR.