마우스무브1 [자바스크립트] 3d 카드 만들기 Element.getBoundingClientRect() / mousemove event 인터렉티브 웹사이트 만들때 자주 쓰이는 요소 포트폴리오 웹사이트나 배너를 인터렉티브하게 만들고 싶을 때 어떻게 하면 좋을까? Element.getBoundingClientRect()란? 자바스크립트에 내장된 함수이다. 아이템 요소의 크기와 뷰포트에서 상대적인 위치를 알려주는 DOMRect 객체를 반환한다 저 엘리먼트가 움직여줄 카드라고 생각해보자 내 마우스를 클릭할 때마다 마우스 클릭을 알고 그에 맞춰서 카드가 기울여지는 것이다 그럴려면 내 마우스 위치를 알아야겠지? 이 함수를 사용하면 왼쪽 여백 X좌표와 위쪽 여백 Y좌표 엘리먼트 width 값과 height 값을 구할 수 있다. https://developer.mozilla.org/ko/docs/Web/API/Element/getBoundingClie.. 2023. 3. 21. 이전 1 다음
