Avatar for Username

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信，及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

话题已存档。 如果需要帮助请提出新问题。

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)