Я пытаюсь настроить элемент HTML, чтобы он всегда следовал за курсором.Мой код в настоящее время таков:
let mousePos = {x: 0, y: 0}
document.body.onmousemove = (e) => {
mousePos.x = e.clientX;
mousePos.y = e.clientY;
cursorElement.style.transform = 'translate(calc(' + mousePos.x + 'px - 50%), calc(' + mousePos.y + 'px - 50%))';
};
Это мой CSS:
#cursor {
position: absolute;
top: 0;
left: 0;
will-change: transform;
backface-visibility: hidden;
}
Однако, даже при медленном перемещении курсора становится ясно, что он отстает от системного курсора- и не только немного, но довольно заметно.Что дает?Это нормальное поведение браузера?Это разрешимо?