https://www.chatillon-sur-colmont.fr/dist/js/mc-selection.js

1function danceON(){
2
3    let tlMain = gsap.timeline({defaults:{opacity:0, ease:"Expo.easeout"}});
4
5    tlMain.to(".u-preload", {opacity:0,y:"-100%"})
6        .from(".l-produit", {ease:"linear", autoAlpha:0});
7
8    // apparition blocs collec
9
10    gsap.utils.toArray(".l-produit__intro").forEach((triggerSelection, i) => {
11
12        let tlZoneSelection = gsap.timeline({
13            scrollTrigger:{
14                trigger:triggerSelection,
15                start:"top 70%",
16                end:"bottom top"
17            },
18            defaults:{opacity:0, ease:"Expo.easeout"}
19        });
20
21        // apparition moteur
22        tlZoneSelection.from(triggerSelection, {ease:"linear", autoAlpha:0})
23            .from(triggerSelection.querySelector(".c-produit__intro"), {y:100, duration:1.0}, "<+0.3");
24
25    });
26
27
28}
29
30window.addEventListener("load", function(event) {
31    danceON(); //do stuff
32});