I’m trying to recreate this infinite bouncing arrow down animation from the hero section of this page: https://visitskane.com/
As far as I understand it I need to use a legacy interaction as that’s the only way to create an infinite loop. I believe the interaction is happening in 4 stages but I might be wrong.
From -8px, 0px, -4px, 0px on the y axis.
Here’s my attempt which looks quite buggy right now:
I can’t seem to find a bounce easing setting while using the legacy option?
Is there a way to make it more bouncy somehow?