CSS CURSOR PUINTER HOVER
.pointer {
cursor: pointer;
}
the_sameh
.pointer {
cursor: pointer;
}let mousrCursor = document.querySelector(".cursor");
let mousrCursorsm = document.querySelector(".cursorsm");
let list = document.querySelectorAll(".list");
window.addEventListener("mousemove", cursor);
function cursor(e) {
mousrCursor.style.top = e.pageY + "px";
mousrCursorsm.style.top = e.pageY + "px";
mousrCursor.style.left = e.pageX + "px";
mousrCursorsm.style.left = e.pageX + "px";
}
list.forEach(link => {
link.addEventListener("mouseleave", () => {
mousrCursor.classList.remove('link-grow');
});
link.addEventListener("mousemove", () => {
mousrCursor.classList.add('link-grow');
});
})