gsap

gsap.min.js, ScrollTrigger.min.js 셋팅

순서대로 실행이 싫으면끝에 문자를 추가하면 동시에 실행이 된다.끝에 +1 등으로 지연시간을 주면 더 자연스럽다.

패럴렉스 효과 구현하기 한개 섹션 고정하기 여러개 섹션 고정하기 스냅 고정 효과 만들기

지정한 부분이 이질감이있게 표현이된다.지정한부분을 forEach 문을 이용하여 다중선택하여 사용할 수도있다.

텍스트 글자 따로따로 나타나는 애니메이션 주기 1. 라이브러리 없이 쓰는방법 1. 텍스트 분리방법 2. 모든 텍스트 분리하기 3. 모든 텍스트 분리하기 : 여백 표현하기 2. 유료 라이브러리 쓸때 손쉽게 쓰는방법 (04 split-type 사용하기)

스크롤 내리때 배경색이 바뀌는 효과를 만들어보자 01. 전체 배경변경하기 02. data 값으로 변경하기

gsap을 이용하여 간단하게 진행바를 구현해보자

메뉴를 클릭하여 이동하는 기능을 만들어보자

스크롤내릴때 메뉴 축소되는 기능을 만들어보자