Magnetic Button
어려움마우스 커서를 따라 움직이는 자석 버튼
라이브 데모
코드
MagneticButton.tsx
const handleMouseMove = (e) => {
const deltaX = (e.clientX - centerX) * 0.3;
const deltaY = (e.clientY - centerY) * 0.3;
setPosition({ x: deltaX, y: deltaY });
};마우스 커서를 따라 움직이는 자석 버튼
const handleMouseMove = (e) => {
const deltaX = (e.clientX - centerX) * 0.3;
const deltaY = (e.clientY - centerY) * 0.3;
setPosition({ x: deltaX, y: deltaY });
};