- [GSAP] gsap 예시2024년 01월 24일
- KIMJAVAN
- 작성자
- 2024.01.24.:21
728x90{ gsap.to(".test", { scrollTrigger: { trigger: ".div-wrap", markers: true, start: "500px center", end: "bottom center", scrub: true, }, x: `-4000px`, }); }
{ gsap.to(".test", { //내가 효과를 주고 싶은 요소 scrollTrigger: { //스크롤로 효과를 제어 trigger: ".div-wrap", //스크롤 효과를 줄 기준 markers: true, //기준 maker 보이게하는거 start: "500px center", // 시작점 : 언제시작(trigger)? 기준(뷰포트) end: "bottom center", // 끝점 : 언제끝(trigger)? 기준(뷰포트) scrub: true, // 위아래로 올라가는거 할거임? }, x: `-4000px`, //x축으로 -4000px이동할거임 }); }
'자바스크립트 > JS Library' 카테고리의 다른 글
[GSAP] scrub true / 0.5 차이 (1) 2024.06.07 [Swiper Slide] Uncaught SyntaxError: Identifier 'swiper' has already been declared (오류해결) (0) 2023.10.25 [Swiper Slide] 스와이퍼 슬라이드 slides per view + loop 오류 (0) 2023.10.16 [gsap] gsap 사용하는 법 / cdn으로 사용하기 (0) 2023.08.22 [gsap] 애니메이션이 초기화 될 때 (0) 2023.08.07 다음글이전글이전 글이 없습니다.댓글
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)