ScrollTrigger - image stretching along the X axis

[Mary Pieroszkiewicz]

How am I going to get such an effect when scrolling (ScrollTrigger) where the image stretching along the X axis (it is about the rubber stretching effect).
Truly thank you for help.

See the Pen eYZemmR by mary_pieroszkiewicz (@mary_pieroszkiewicz) on CodePen

[Richard1604]

Hi mary, welcome to the club, i'm sure that you will enjoy it.

Here is a very simple example of a stretch along the x axis with a scroll in the y direction.

You can also pin, scrub or do a horizontal scroll if that's what you are looking for.

 

See the Pen qBZpMXo by rb1604 (@rb1604) on CodePen

 

oh, btw if you want elastic then try adding one of the eases to the animation or even create your own custom ease as described in the documentation and learning center.