728x90 화면이동모션1 마우스포인터 방향으로 따라가는 화면만들기 마우스 커서가 움직이는 방향으로 브라우저밖의 화면으로 이동하면서 보여주는 모션을 만들어볼껀데요 🧔 mousemove이벤트로 브라우저내 중앙을 기준으로 상하좌우로 50%범위까지 보여주는 예제로 만들었습니다. 먼저 x,y좌표가 좌상단기준 0으로 시작하므로 브라우저의 중앙점부터 0으로 시작할수 있도록 변수명 centerX, centerY로 브라우저 가로,세로 사이즈의 반값을 빼준 뒤 변수명 percentX, percentY에 브라우저 크기의 반으로 나눈뒤 100으로 곱하여 브라우저 크기대비 상하좌우 -50% ~ 50%까지 이동할수 있도록 계산했습니다. range을 200으로 할경우 상하좌우 100%까지 400으로 할경우 200% 인셈입니다..... 거두절미하고 예제를 볼게요 :) See the Pen 마우스 .. 2022. 5. 6. 이전 1 다음 728x90