Avatar for Username

Mozilla サポートの検索

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.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

Is there a way to solve CSS3 transition jitteriness in Firefox when animations are sequenced on 'transitionend'?

itsbdo
itsbdo
more options

I'm having issues with jitteriness/ glitchiness in Firefox 18.0.1 when sequencing transitions in CSS using transitionend. The object I'm trying to animate jumps to the end position briefly, goes back to the start position then proceeds with the tween.

This occurs frequently in Firefox (Mac) and intermittently in Safari. It could also be happening in Windows Firefox, but I haven't checked. Any ideas on what could be causing this?

Have a look at the demo here (FYI it's coded specifically for Firefox): http://umamie.com/csstransition/cssTweenDemo.html

I'm having issues with jitteriness/ glitchiness in Firefox 18.0.1 when sequencing transitions in CSS using transitionend. The object I'm trying to animate jumps to the end position briefly, goes back to the start position then proceeds with the tween. This occurs frequently in Firefox (Mac) and intermittently in Safari. It could also be happening in Windows Firefox, but I haven't checked. Any ideas on what could be causing this? Have a look at the demo here (FYI it's coded specifically for Firefox): http://umamie.com/csstransition/cssTweenDemo.html

すべての返信 (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

On Windows 7, I see a brief flash of the square's next destination, then the square moves there.

One known bug involving transforms and position fixed is referenced in this post: https://support.mozilla.org/en-US/que.../948256#answer-401728. No idea whether that's relevant.

(It could be the same issue as in this unsolved thread: https://support.mozilla.org/en-US/que.../949378)