$(function(){
   /* var duration = 1; //default duration in seconds
 gsap.registerPlugin(ScrollTrigger);
    //GSAP from : define where it starts
    //GSAP to : define where it ends

    //GSAP timeline : froms and tos sequential, after {} i=seconds for when to insert into timeline

    //slide from every side of the screen, combining is posible
    $('.gsap').each(function(){
        var element = $(this);
        var angle = element.attr('data-rotation') || 0; //rotation-angle in degrees
        var x = element.attr('data-x') || 0; //x position in percentage
        var y = element.attr('data-y') || 100; //y position in percatage
        var fade = element.attr('data-fade') || true; //fade (string false or antyhing else)

        if(element.hasClass("gsap-to")) {
            gsap.to(element, {
                scrollTrigger:element,
                duration:duration,
                rotation:angle,
                xPercent:x,
                yPercent:y
            });
        }
        else{
            gsap.from(element, {
                scrollTrigger:element,
                duration:duration,
                rotation:angle,
                xPercent:x,
                yPercent:y
            });
        }

        //duration 0, else duration *2 for nice effect
        if(fade=="false") {
            gsap.to(element, {
                opacity:1,
                duration:0
            });
        }
        else {
            gsap.to(element, {
                opacity:1,
                duration:time*2
            });
        };
    });*/
  
 /* const boxes = gsap.utils.toArray('.gsap');
boxes.forEach(box => {
  gsap.from(box, { 
    y: 300,
  opacity:1,
    scrollTrigger: {
      trigger: box,
      scrub: true
    }
  })
});
*/

});


/*******************************************************************/
/* ftrtch dino */
/* [type: JS] [file:gsap-animations] [56.249] DESIGN*/
/*******************************************************************/
/* 0.2 D>D */
/* db 162 */