본문 바로가기

Webstoryboy

Category

Explanation

GSAP/Alphabet

gsap.getById()

gsap.getById()

gsap.getById() 메서드는 애니메이션의 id 값을 설정하거나 id 값을 불러올 때 사용합니다. CSS 선택자 id 값과 별개로 사용합니다. 만약 id 값이 없으면 undefined를 반환합니다.


gsap.getById()

gsap.getById() 메서드는 요소의 id 값을 설정하거나 가져옵니다.

특징 설명
버전 GSAP3
결과값(return) 움직임(tween) or 타임라인(Timeline)
사용성 ★☆☆☆☆

문법(Syntax)

gsap.to("타겟", {id: "id 이름", 속성: 속성값, ....});

//id를 설정하는 경우
gsap.to("target", {id: "myTween", duration: 1, x: 100});

//id를 불러오는 경우
gsap.getById("myTween")
  • 타겟(targets): 애니메이션을 적용할 개체를 선택합니다. (CSS 선택자, Javascript 선택자 가능)
  • id : id 이름을 설정합니다.
  • 속성(values) : 애니메이션과 관련된 속성을 설정합니다.

정의(Definition)

  • gsap.getById() 메서드는 요소의 id 값을 설정하거나 가져옵니다.
  • gsap.getById() 메서드는 요소의 id 값이 없으면 undefined를 반환합니다.
  • gsap.getById() 메서드는 애니메이션에 참조할 수 있는 id를 만들 수 있으며, 이것은 리액트에서 유용하게 사용할 수 있습니다.

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
gsap.fromTo()

참고 사이트(Reference)


더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기