25 lines
912 B
JavaScript
25 lines
912 B
JavaScript
export function initExperienceHoverGlow() {
|
|
const container = document.querySelector("#experience-list");
|
|
if (!container) return;
|
|
const items = Array.from(container.querySelectorAll(".experience-grid__item"));
|
|
const cards = Array.from(container.querySelectorAll(".exp-card"));
|
|
|
|
container.addEventListener("pointermove", (e) => {
|
|
items.forEach((item) => {
|
|
const rect = item.getBoundingClientRect();
|
|
const x = e.clientX - rect.left;
|
|
const y = e.clientY - rect.top;
|
|
item.style.setProperty("--mouse-x", `${x}px`);
|
|
item.style.setProperty("--mouse-y", `${y}px`);
|
|
});
|
|
|
|
cards.forEach((card) => {
|
|
const rect = card.getBoundingClientRect();
|
|
const x = e.clientX - rect.left;
|
|
const y = e.clientY - rect.top;
|
|
card.style.setProperty("--mouse-x", `${x}px`);
|
|
card.style.setProperty("--mouse-y", `${y}px`);
|
|
});
|
|
});
|
|
}
|