[GSAP - text ticker repeat in reverse from left and right]

Just now, iDad5 said:

Well. the easiest way would probably be to write two animation functions and apply them to the first and the second ticker. You can of course parametrize the function, but if you have just tose two, I would  pragmatically copy it and adjust it, gives you mor flexibility.

So, instead of using the X -totalDistance use a css animation instead with 2 seperate tickers?

[GSAP - text ticker repeat in reverse from left and right]

I have a text ticker which is by default going to the left, but I need 2 rows and tracks the first one should go to the right and second to the left. However, when set to left there is a huge GAP difference in comparison if I set it to the right side.

 

1st row should go to the left and 2nd row should go to the right.

 

Want to archive something like on this page: https://www.emma-at-work.nl/organisaties/ 

 

 

See the Pen VwXQWom by Merdzanovich (@Merdzanovich) on CodePen

[How to animate multiple images on hover from 0 to 1 with GSAP?]

Hi,

 

I am trying to replicate something like this on hover: http://vlnc.studio/

There are multiple images on the background, where when you hover each image it will animate/fade from 0 to 100%.

I have tried Canvas.. but it is a hell to make it work. I am wondering if someone can help me out, or point me out to the right direction

to a demo or something similar.

 

What i am trying to, is add like 14 images on the background and on hover change the opacity of each image from 0 to 100%.

 

Is this something i can do with GSAP and if so can someone help me out?

 

 

 

See the Pen VwZJBwr by Merdzanovich (@Merdzanovich) on CodePen