14 lines
421 B
JavaScript
14 lines
421 B
JavaScript
const button = document.querySelector(".magnetic")
|
|
|
|
button.addEventListener("mousemove", (e) => {
|
|
const rect = button.getBoundingClientRect()
|
|
|
|
const x = e.clientX - rect.left - rect.width / 2
|
|
const y = e.clientY - rect.top - rect.height / 2
|
|
|
|
button.style.transform = `translate(${x * 0.3}px, ${y * 0.3}px)`
|
|
})
|
|
|
|
button.addEventListener("mouseleave", () => {
|
|
button.style.transform = "translate(0,0)"
|
|
}) |