🍒 Chae-ri Dev 🍒

  • 홈
  • 태그
  • 방명록

GSAP 1

[GSAP] ScrollTrigger 활용 - 스크롤 기반 좌우 슬라이드(Scrub)

tweenGSAP이 생성하는 애니메이션 정의 객체. 변수로 저장하면 애니메이션을 직접 제어하거나 재사용할 수 있다.const tween = gsap.to(".tiger", { x: 500, rotation: 360, duration: 3, scrollTrigger:{ trigger:'.tigerSection', start:'10% center', // top | center | bottom => 첫 번째: 트리거가 시작되는 기준, 두 번째: 뷰포트에서의 스크롤 위치 (뷰포트의 어느 지점에 왔을때 실행해라) end:'30% 10%', markers:true, // 스크롤이 시작(start)하고 끝나는(end) 시점 마킹 id:'tiger' }}); trigger: 트리거..

GSAP 2025.06.24
이전
1
다음
더보기
프로필사진

🍒 Chae-ri Dev 🍒

채리의 개발 블로그 ٩( *˙0˙*)۶

250x250
반응형
  • 분류 전체보기 (89)
    • Frontend (4)
      • Package Manager (1)
      • ESLint (1)
      • Prettier (1)
      • 웹 서버 (1)
    • CS (9)
      • 운영체제 (7)
      • 네트워크 (2)
      • 데이터베이스 (0)
    • React (7)
    • NextJS (1)
    • JavaScript (6)
    • Css (1)
    • GSAP (1)
    • Python (3)
    • Algorithm (17)
      • Programmers (7)
      • BackJoon (1)
      • 알고리즘 정리 (9)
    • Cloud (1)
      • Docker (1)
    • OPIc (25)
      • 오픽노잼(IM) (16)
      • 오픽노잼(IH) (9)
    • file (2)
    • 프로젝트 (2)
    • 우리FIS아카데미 (6)
    • Git (2)
    • Etc (2)

Tag

글로벌소프트웨어캠퍼스, 오픽노잼, OS, javascript, algorithm, OPIC, react, Github, 우리FIS아카데미, k-디지털트레이닝, 운영체제, 리액트, 클라우드서비스개발, 알고리즘, 우리에프아이에스, 파이썬, 프로그래머스, 우리FISA, 오픽, Python,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바