Avatar for Username

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊，或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

此討論串已被封存。 如果您有需要幫助，請新增一個新問題

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)