green sock (2) 썸네일형 리스트형 green sock 응용이다!! ! 생각보다 빠르게 응용 편을 가지고 왔다 ! See the Pen gsap0 by kimjihyun (@jihyun998) on CodePen. 박스별로 설명을 시작하겠습니다. pink { 윈도우가 로드되면 알아서 실행합니다. x 500px 를 3초에 걸려 이동합니다. } orange { scrub 스크롤이 요소 이전으로 돌아가면 애니메이션도 되돌아가는 기능을 말한다. 기본값은 true 이지만 숫자를 기입하는 게 더 자연스럽다. toggleActions: ( onEnter onLeave onEnterBack onLeaveBack ) 기본값 ( play none none none ) orange는 스크롤시 시작하고 다시 돌아가면 반대로 시작한다. } green { timeline tl(타임라인 변수명) .. 그래 green sock 을 배워보자 https://greensock.com/ GreenSock GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser. greensock.com 세상엔 똑똑이들이 많기에 우리는 만들어 놓은 코드를 잘 가져다 활용하면 된다. CDN 가져오기 첫 번째 cdn은 필수 두 번째는 사용한 기능에 따라 가져오는 cdn이다. 스크롤 시 이벤트를 걸고 싶으니 두 번째도 넣어주기 실행해보기 gsap.registerPlugin("ScrollTrigger"); //실행전 선언 gsap.to(".box", { s.. 이전 1 다음
