omi

how i can draw path along with arrow? do i need to create separate path for arrow? is it possibel to draw path along with arrow without using drawsvg plugin?

if we place the code under gsap.media() then click functionality on links are not working. can anyone assist me on same Note: i want to play the animation when width of the viewport more then 1120

@Cassie@Rodrigo I made some changes to the code it's working but only one minor issue is pending on scroll everything is working fine but when I click on the last menu item the last card does not slide when I place the highlighted block code above as highlighted in the screenshot tl.from(".panel__card--four", { y: () => window.innerHeight }); https://prnt.sc/LnIZAQg1xCqZ codepen: https://codepen.io/omi-bhatia/pen/mdvrmOY

@Cassie Thanks for quick response i checked but still menu are highlighted when the card animation is completed is there any way to hightlight the menu when card position at half of the screen?

@Rodrigo can you help me to fix this issue

I'm trying to highlight the navigation corresponding to the card when the card is half of the screen on scroll. Does anyone have a suggestion to make this effect

@Tosoi need your help to implement the click functionlaity

Looking for developer to create stacking card animation on scroll like below website i have already done some part https://swagapp.com/

i tried but not working can anyone help me to provide the code please..

Thanks for the Gsap community to help me on this task minimal demo : https://codepen.io/omi-bhatia/pen/yLGYvqp I tired to make the same animation effect like "swagapp" website but i am facing some issue like 1. on pinned the card content is cutting and card is touching at bottom of the window . how i can set the white space at below card? 2. how i can set the delay between timelines for now slide moves very fast. 3. how to make a click functionality so that user can direct go to particular slide means card can move on scroll and on click. Similar animation like swagapp.com website

How to manage the card because on some laptops complete content is not visible is it possible to keep the white space always at bottom of the card at moment card is touching at the bottom of window

i tried same code on my project but they not work same as your example on first item they are not adding the class and last item highlight when complete section out of view port

@mvaneijgen can we highlight the menus using timeline?

how we can highlight the particular navlink on scroll?