I don't know if this has been asked before but I'm doing a simple animation where an arrow scrolls to the bottom, disappears and comes out on top again, that works but then I wanted the arrow to appear on top before it disappears on the bottom completely. The first video is what I currently have and the second one is the effect I want to achieve, how could I make that?
3ebee6420a5dd8a6880b38fa50610d2a.mp4
c16866908fcc4b51837fd274cd9dfc93.mp4
gsap.to(".hide-loop", {
keyframes: {
"0%": {yPercent: -100},
"25%": {yPercent: 0},
"75%": {yPercent: 0},
"100%": {yPercent: 100},
"easeEach": "power2.inOut"
},
duration: 2.5,
repeat: -1
});