<div class="mover"></div>
.mover {
width: 50px;
height: 50px;
background: red;
position: absolute;
left: var(--mouse-x);
top: var(--mouse-y);
}
let root = document.documentElement;
root.addEventListener("mousemove", e => {
root.style.setProperty('--mouse-x', e.clientX + "px");
root.style.setProperty('--mouse-y', e.clientY + "px");
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.