이펙트 응용편 - 마우스 이펙트 두번째

마우스 이펙트2

이번 마우스 이펙트는 mousemove 이벤트를 이용하여
브라우저 요소의 좌표 값과 속성을 제어하는것을 배웠습니다.
마지막으로 화면안에 소스보기를 통한 소스를 볼수있습니다.

JS 설명

gsap를 써서 마우스커서가 움직이게 작동했습니다.

코드 보기

 window.addEventListener("mousemove", (e) => {
    gsap.to(cursor, { duration: 0.3, left: e.pageX - 5, top: e.pageY - 5 });
    gsap.to(cursor2, { duration: 0.8, left: e.pageX - 15, top: e.pageY - 15 });
});

원본 소스 보기 원본 사이트 보기