Jolt in animations

[pattocheu]

Hello everyone,

 

I am trying to implement this animation on a page of my website, following the fantastic tutorial from CreativeCodingClub.

 

During animations, I notice a slight jolt in the letters coming from my pseudo-element.

 

Thank you for your help.

See the Pen XWOQoOv?editors=1010 by pattocheu (@pattocheu) on CodePen

[mvaneijgen]

Hi @pattocheu

 

You didn't scope your elements to the current paragraphe. So in your forEach loop you created a timeline (in total 3) and each timeline it was trying to animated all the elements, instead of each timeline only animating their own elements. Took me a while to figure it out, so I might have removed some of your code. Hope it helps and happy tweening! 

 

See the Pen QWYRXjL?editors=1111 by mvaneijgen (@mvaneijgen) on CodePen

[pattocheu]

 

Hi @mvaneijgen

 

Thank you very much for the quick feedback and your clear explanation.

 

It's perfect and, my CodePen is up to date and I no longer have any jumps during the animations.

 

Thank you for your help.