Horizontal and vertical parallex iameg galerry at the same time

[bFt]

Any help to convert  this codepen example logic to react?

See the Pen bGexQpq by GreenSock (@GreenSock) on CodePen

[Cassie]

Hi there!

 

We have a react guide, that may be a good starting point.

GSAP's framework agnostic, so not a lot will need to change GSAP-wise. The differences largely come in how you cleanup animations and respond to interactions within React. I'm afraid we don't have the resources available to rewrite demos, but if you get stuck pop back and we'll try our best to assist.
 

 

[bFt]

On 6/25/2023 at 5:04 PM, Cassie said:

Hi there!

 

We have a react guide, that may be a good starting point.

GSAP's framework agnostic, so not a lot will need to change GSAP-wise. The differences largely come in how you cleanup animations and respond to interactions within React. I'm afraid we don't have the resources available to rewrite demos, but if you get stuck pop back and we'll try our best to assist.
 

 

Thank you for help

This youtube video worked for me but I want to add also some text and image animations.

But the problem is I use horizontal scrolling but my markers stayed vertical. How can I change markers to horizontal too.

[Rodrigo]

Hi,

 

You might want to check ScrollTrigger's Container Animation feature:

https://greensock.com/3-8#containerAnimation

 

See the Pen WNjaxKp by GreenSock (@GreenSock) on CodePen

 

Hopefully this helps.

Happy Tweening!