cursor

<div id="cursor" class="cursor"></div>

<div id="cursor" class="cursor"></div>

body {
  cursor: none;
}

.cursor {
  position: fixed;
  inline-size: 1em;
  block-size: 1em;
  pointer-events: none;
  background-color: #000;
}

body {
  cursor: none;
}

.cursor {
  position: fixed;
  inline-size: 1em;
  block-size: 1em;
  pointer-events: none;
  background-color: #000;
}

const cursor = document.getElementById("cursor");

document.addEventListener("mousemove", function (e) {
  const x = e.clientX;
  const y = e.clientY;
  cursor.style.insetBlockStart = `${y}px`;
  cursor.style.insetInlineStart = `${x}px`;
});

const cursor = document.getElementById("cursor");

document.addEventListener("mousemove", function (e) {
  const x = e.clientX;
  const y = e.clientY;
  cursor.style.insetBlockStart = `${y}px`;
  cursor.style.insetInlineStart = `${x}px`;
});