https://www.stores-deco-michelmerienne.com/dist/js/mc-contenu-page.js

1
2/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
3/* -> GSAP                      */
4
5function danceON(){
6
7    let tlMain = gsap.timeline({defaults:{opacity:0, ease:"Expo.easeout"}});
8
9    tlMain.to("", {opacity:0,y:"-100%"})
10        .from(".l-contenu", {ease:"linear", autoAlpha:0})
11        .from(".c-heros", {ease:"linear", autoAlpha:0})
12        .from(".c-heros__cover", {scale:1.25, duration:1.0}, "<-0.4")
13        .from(".c-contenu__menu", {y:80, duration:1.0}, "<+0.6")
14        .from(".c-contenu__page-inside", {y:-80, duration:1.0}, "<")
15        .from(".c-contenu__page-inside__bbottom", {x:400, duration:0.8}, ">")
16        .from(".c-contenu__page-inside__bleft", {y:-50, duration:0.8}, "<");
17
18    let tlPageContenu = gsap.timeline({
19        scrollTrigger:{
20            trigger:".l-produit__zone",
21            start:"top 65%",
22            end:"bottom top"
23        },
24        defaults:{opacity:0, ease:"Expo.easeout"}
25    });
26
27    // apparition slider + texte
28    tlPageContenu.from(".l-articles-lies", {y:80, duration:1.0}, 0)
29        .from(".c-produit__big-titre", {y:80, duration:1.0}, "<")
30        .from(".c-produit__articles-lies", {y:80, stagger:0.4, duration:1.0}, "<");
31
32}
33
34window.addEventListener("load", function(event) {
35    danceON(); //do stuff
36});
37
38
39/* ////////////////////////////////////////////////////////////////////////////////// */
40