Gasp 1 - 시작하기

1. https://greensock.com/docs/v3/Installation

Docs

 

2. 아래스크롤내리면 Cdn 편하니께 하고싶은 플러그인 추가해서 스크립트 카피 

3. 하지만 나는 배우는 과정임으로 스크롤 트리거는 나중에하는걸로하자^^

4. 스크립트 추가후에

gsap.to(".square",{
    //time
    duration:2,
    //x위치값
    x:500,
    //bg-color 
    backgroundColor: "#6495ed",
    //bg-radius
    borderRadius: "50%",
    //border
    border:"5px solid white",
    // ease:"back" - 쭉 가다가 살짝 뒤로 백함
    // ease:"elastic" - 영어대로 탄력있게 살짝튕기는 니낌?
    //ease:"bounce" 바운스함 

    ease:"power1"
});

요로코롬 사용하면 된다는데 아마 도큐멘트 오지게 열어볼거같음..ㅎ