farzin

i want to create effect like this for my images https://tanyatimal.studio/portraits/second-skin https://codepen.io/okhtapus/pen/zYbzxRv

thx man

minimal example https://codepen.io/okhtapus/pen/yLGPpoG now i want to add class to ".collection-thumbs li" while scrolling and "$elementSelector" is pinned * number of ".collection-thumbs li" can be different as you can see in the link above ** i want to divide scrolling time equally between ".collection-thumbs" children

hi every one i have a problem in this page https://peyrovifurniture.com/product-category/collections/ its my code const commonScrollTriggerConfig = { start: 'top top', end: '+=200%', scrub: 1, pin: true, markers: true }; // Define animations for multiple elements const elementSelectors = Array.from({ length: 50 }, (_, i) => `.collectionz-wrap-${i + 1}`); elementSelectors.forEach((elementSelector) => { gsap.to(elementSelector, { scrollTrigger: { trigger: elementSelector, ...commonScrollTriggerConfig, }, }); }); now i want to add class to ".collection-thumbs li" while scrolling and "$elementSelector" is pinned * number of ".collection-thumbs li" can be different as you can see in the link above ** i want to divide scrolling time equally between ".collection-thumbs" children

thx a lot man

hi every one i used this Codepen and mixed it with text, but i want to use it for multi items in my own project now just work with 2 item when you add 3rd or 4th child its stop working ***most important things for me is to keep same effect that fill image from bottom to top over each other*** thx