[Images shake during minor scale and movement]

Hi, just to be settled, I solved the problem by applying the will-change: transform property to the image.

Thanks.

[Images shake during minor scale and movement]

Here I found the real problem, is the % in the duration of the scroll. I don't know now how to replace it but later I will see. If you have any idea it will be great. Thanks. 

 

  // Cards Parallax
    var tl_parallax = new TimelineLite()
    .from( card.querySelector('.member-card-img'),  1, {x: (oddFlag%2? "5%":"-5%"), ease: Linear.easeOut}, 0);
    // Cards Parallax Scene
    var sceneCardsParallax = new ScrollMagic.Scene({
        triggerElement: card,
        duration: "70%",
        tweenChanges: true
    })

    
    .setTween( tl_parallax )

 

[Images shake during minor scale and movement]

I just found it, the parallax effect with gsap is what brings the problem. I will try to fix it. Thank you!

[Images shake during minor scale and movement]

Hey, thank you very much, now I see that this is the problem, but what happens is that the transform rule comes from a js that uses gsap (I didn't even do it because it uses old js methods). Here in codepen you can see the js, I tried to load the cdn but for some reason they are wrong and I cannot reproduce the animation.

Thank you anyway.

 

See the Pen YzqqKzW by florencia-lapetina (@florencia-lapetina) on CodePen

[Images shake during minor scale and movement]

Hey, I'm having the same problem, I try to change x: and y: to xPercent: and y: Percent but it's the same, when you hover the image in scaling effect it behavior jittery.  No codepen but you can see the problem on live website. https://moka.tv/about.html