https://www.auvieuxmorvan.com/public/templates/components/collecti…/collectionAccueilServices.js

1$(function(){
2
3    let mm = gsap.matchMedia();
4	mm.add("(min-width: " +  gsap_desktop_breakpoint + "px)", function(){
5
6		let tl = gsap.timeline({ scrollTrigger: this });
7
8		$(".collectionAccueilServices").each(function(){
9
10			let serviceIllustration = $(this).find(".collectionAccueilServices_illustration");
11			let serviceInfos = $(this).find(".collectionAccueilServices_narrow");
12
13			let introTitle = $(this).find(".collectionAccueilServices_intro-title");
14			let introText = $(this).find(".collectionAccueilServices_intro-text");
15			let introButton = $(this).find(".collectionAccueilServices_intro-button");
16			let itemImage = $(this).find(".collectionAccueilServices_item-image");
17			let itemTitle = $(this).find(".collectionAccueilServices_item-title");
18			let itemText = $(this).find(".collectionAccueilServices_item-teaser");
19			let itemButton = $(this).find(".collectionAccueilServices_item-button");
20
21			let tl = gsap.timeline({ scrollTrigger: this });
22
23			tl.from(serviceIllustration, {opacity: 0, y: 30})
24			  .from(serviceInfos, {opacity: 0, x: -90})
25			  .from(introTitle, { opacity: 0, x: -30 }, gsap_overlap)
26			  .from(introText, { opacity: 0, x: -30 }, gsap_overlap)
27			  .from(itemButton, { opacity: 0, x: -30 }, gsap_overlap);
28
29		});
30
31	});
32
33});