
어느 날 gsap으로 인터렉션을 만들던 중, css로 초기값 세팅을 하고 xPercent로 요소를 움직이려고 코드를 작성했다.우선, css로 를 주고 같은 % 단위를 사용하니으로 만들 생각이었다.하지만 결과는 제자리에서 움직이지 않았다. 이유가 뭘까하고 개발자도구를 살

오늘은 GSAP을 사용하여 clip-path 애니메이션을 만들어보았습니다.우선 위에 영상과 같이 만들기 위해서는HTML에서 배경 부모를 만들고 안에 배경을 몰아 넣어주었다.positon:absolute: 배경 한 곳에 모아두기clip-path: inset(0): 첫 이