본문으로 건너뛰기
ASSETby WEMASHUP에셋 관리
전체 에셋
개별 자료

Magnetic Button · overwrite modes

버튼 모션과 GSAP 애니메이션 충돌 처리를 함께 살펴보는 예제.

원본 사이트 열기 (새 탭)

이럴 때 사용하세요

사용자 입력이 연속되는 버튼 모션에서 여러 애니메이션이 겹칠 때의 처리 방식을 검토하는 데 참고합니다.

적용 순서

  1. 공식 데모 상세와 CodePen 원본을 함께 엽니다.
  2. CustomWiggle과 overwrite 관련 문서를 확인합니다.
  3. 프로젝트 환경에서 연속 입력·포커스 상태·애니메이션 충돌을 검증합니다.

적용 전 확인할 점

GSAP·CustomWiggle 및 관련 문서 링크를 확인했습니다. 정확한 동작 조건과 코드 실행 결과는 아직 검증하지 않아 모션 동작 필터를 지정하지 않았습니다.

관련 링크

출처 자료 모음

GSAP Demo Hub 자료 모음 보기

직접 복사하기

복사가 허용되지 않았습니다. 아래 내용을 선택해 복사하세요.