주로 연혁이나 절차 등에서 스크롤을 내릴때 흐름을 표현할 때 사용하는
스크롤 애니메이션입니다.
gsap의 timeline을 이용해서 작업했습니다.
먼저
https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.3/gsap.min.js
https://unpkg.com/gsap@3/dist/ScrollTrigger.min.js
을 꼭 추가합니다.
See the Pen Untitled by baekah (@baekah) on CodePen.
'coding > web' 카테고리의 다른 글
| jquery 부드럽게 흘러가는 marquee 효과 전광판 (0) | 2023.12.08 |
|---|---|
| css 자주쓰는 마우스오버 이벤트 mouse over hover (1) | 2023.12.07 |
| javascript 마우스 따라다니는 트래커, 모형 마우스 효과 mouse move (0) | 2023.12.02 |
| 그누보드 회원등급명 변경하기 (0) | 2023.11.30 |
| swiper slide 간단한 슬라이드 갤러리 javascript css (1) | 2023.11.28 |