GSAP 스크롤트리거 사용법

웹클래스·2021년 5월 15일
0

gsap

목록 보기
6/8

스크롤트리거 이란?

웹사이트 화면에서 스크롤 내리면 나타나는 애니메이션

스크롤트리거 사용법 및 CDN 가져오기

ScrollTrigger 체크 표시하고 CDN 가져오기
GSAP CDN 확인하러가기

(다양한 CDN 있으니 구글링해서 공부하기)

2021/05/15 현재 CDN 버전

ScrollTrigger CDN 복사해서 <head> 태그 안에 붙여넣습니다.

<!-- 2021/05/15 현재 ScrollTrigger CDN 버전 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js"></script>

사용하기 전 준비 상태

<head> 태그 안에 GSAP CDN 밑에 붙여넣습니다. (아래 코드)

<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js">
      <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js"></script>
</script>
</head>
profile
코드를 기록하는 공간

0개의 댓글