cancel
Showing results for 
Search instead for 
Did you mean: 

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

Highlighted
New Contributor

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

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 REPLY
Legendary Contributor

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

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)