Coming Soon
New WordPress website is being built and will be published soon
document.addEventListener("mousemove", (e) => {
const radius = 120; // distance around cursor
document.querySelectorAll(".hover-move").forEach(el => {
const rect = el.getBoundingClientRect();
const elX = rect.left + rect.width / 2;
const elY = rect.top + rect.height / 2;
const dx = e.clientX - elX;
const dy = e.clientY - elY;
const distance = Math.sqrt(dx * dx + dy * dy);
if (distance < radius) {
const force = (radius - distance) / radius;
el.style.setProperty("--mx", `${dx * force * -0.4}px`);
el.style.setProperty("--my", `${dy * force * -0.4}px`);
el.classList.add("hover-active");
} else {
el.classList.remove("hover-active");
el.style.removeProperty("--mx");
el.style.removeProperty("--my");
}
});
});