[Gsap horizontal + image scale]

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

See the Pen zYbzxRv by okhtapus (@okhtapus) on CodePen

[Gsap pin issue]

thx man

 

[Gsap pin issue]

minimal example

See the Pen yLGPpoG by okhtapus (@okhtapus) on CodePen

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

[Gsap pin issue]

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

[Vertical multi Image Reveal on Scroll]

thx a lot man

[Vertical multi Image Reveal on Scroll]

hi every one

i used

See the Pen XWMPLQg by GreenSock (@GreenSock) on 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
 

See the Pen LYMLWrd by okhtapus (@okhtapus) on CodePen