[React] GSAP - TextPlugin

윤수인·2024년 10월 3일
0
post-thumbnail

내가 원하는 단어로 끊어서 화면에 띄우려면

gsap에서는 TextPlugin이 존재한다!


플러그인 사용법은

gsap.registerPlugin( 원하는 플러그인 );

이렇게 상단에 등록해주면 된다!


이외에도 다른 플러그인 종류는

  • ScrollTrigger : 스크롤 이벤트
  • MotionPathPlugin : 경로에 따라 움직이는 애니메이션 - 내가 하고싶은 공 path
  • Draggable : 요소 드래그
  • CSSRulePlugin : CSS의 @keyframes나 :before, :after 접근 가능
  • Flip Plugin : UI 요소의 위치나 상태가 변할 때 부드러운 전환 가능
  • DrawSVGPlugin : SVG의 경로를 그리듯한 애니메이션 적용 가능

이런것들이 있는데, 이건 차차 배워가도록 해보자!

일단 TextPlugin부터 사용해보자 !

profile
어제보다 조금 더 성장하기!

0개의 댓글