Jumping text animation on Mozilla

[Mantvydas]

Hi guys,

 

I have issue on Mozilla with text animation. On Chrome and all other browsers works fine (in Microsoft Edge all animation in general is laggy, very low performance) but on Mozilla text animation is jerky and jumping. But div's/boxes animation on Mozilla works just fine, I don't know what is wrong here.

 

I added rotation: 0.01 but still same jumping on text.

 

How I can solve this problem?

 

Thanks,

 

Mantvydas

 

See the Pen KogKEB by MantvydasBinderis (@MantvydasBinderis) on CodePen

[Shaun Gorneau]

Try this .. I'm animating the the x property (vs css: { transform: 'translateX'}) and the rotation property (again, vs css:{ transform: 'rotate'}) and it seems to have much better results.

 

See the Pen jzMPWE by sgorneau (@sgorneau) on CodePen

 

[Mantvydas]

2 minutes ago, Shaun Gorneau said:

Try this .. I'm animating the the x property (vs css: { transform: 'translateX'}) and the rotation property (again, vs css:{ transform: 'rotate'}) and it seems to have much better results.

 

See the Pen jzMPWE by sgorneau (@sgorneau) on CodePen

 

Shaun, thank You so much! Didn't thought about this. You helped me a lot! Thanks 

[Shaun Gorneau]

Glad I could help!