Cursor Tracker
<style> .tracker { position: fixed; transform: translate(-50%, -50%); width: 40px; z-index: 9999; pointer-events: none; transition: all .15s; } .tracker image { width: 100%; height: 100%; } </style> <body> <div class="tracker"> <img src="ImagePath" /> </div> </body> <script> var timer; $(document).ready(function () { $("body")[0].addEventListener("mousemove", e => { clearTimeout(timer); timer = setTimeout(() => { $(".tracker").css("left", `${e.pageX}px`); $(".tracker").css("top", `${e.pageY}px`); }, 300); }) }) </script>