Tracker In JavaScript

index.html

<div class="tracker">
<div>


style.css

.tracker {
  position: fixed;
  transform: translate (-50%, -50%);
  width: 40px;
  z-index: 9999;
  pointer-events: none;
  transition: all .15s;
}

.tracker svg {
  width: 100%;
  height: 100%;
}


app.js

const tracker = document.queryselector(".tracker");
document.body.addEventListener("mousemove", e => {
  tracker.style.left = `${e.clientX}px`;
  tracker.style.top = '${e.clientY}px`;
});