[GSAP] 숫자 카운트 (ScrollTrigger)

GSAP로 숫자 카운트 효과를 만들 수 있다.

 

 

1. 해당 요소에 스크롤시 숫자 카운트

See the Pen [GSAP] count - onUpdate by lpla (@lpla) on CodePen.

 

2. 해당 요소에 스크롤시 숫자 카운트 & 숫자 초기화

See the Pen [GSAP] count - onUpdate & toggleActions by lpla (@lpla) on CodePen.

 

3. 해당 요소에 스크롤시 숫자 카운트 & 스크롤에 따른 숫자 변화

See the Pen [GSAP] count - onUpdate & scrub by lpla (@lpla) on CodePen.

 

 

 

------- 21.08.28 추가 -------

4. 소수 자리 표현

 

See the Pen [GSAP] count - onUpdate & scrub by lpla (@lpla) on CodePen.