마우스 이펙트03

Life is something that happens when you can't get to sleep.

삶은 당신이 잠들지 못할 때 벌어지는 일이다.

소스보기

마우스 돋보기 효과

{
    const  mouseCursor = document.querySelector(".mouse__cursor");
        const rect = mouseCursor.getBoundingClientRect();

        window.addEventListener("mousemove" , e => {
            gsap.to(".mouse__cursor", {
                duration: 0.5,
                // left: e.pageX - mouseCursor.clientWidth/2,
                // top: e.pageY - mouseCursor.clientHeight/2,
                left: e.pageX - rect.width/2,
                top: e.pageY -rect.height/2,
            });
            
        });
 
        console.log(rect);
}

{
   
 }

{
   
 }

{
    
}