gsap笔记

1.gsap基础

        gsap.to()        //从初始位置到设定位置

        gsap.from()        //从设定位置到初始位置

gsap.from("h1",{
    stagger:1    //设定末状态
    repeate:2    //重复次数
    yoyo: true    //来回动画
    scale：1    //缩放倍数
})

                //stagger:相同元素的按序播放，1为正向播放，2为反向播放

2.gsap时间线

let a = gsap.timeline()
a.from("",{})
a.....

3.gsap滑动触发器

gsap.from(".a",{
    scrollTrigger:{
        trigger:"aaa",
        scroller:"body",
        markers:true    //标识线
        start:""
        end:""
        scrub:1    //滚动跟随，数值越大越平滑
        pin:true    //滚动静止，动画执行完毕后继续滚动，
        //此时要把end设为end:"top -100%"这个样子，举例
    }    
})