JSFiddle - React, Tailwind, and code Playground
HTML
<div id="mydiv"></div>
CSS
#mydiv {
display: block;
background: #222;
width: 50px;
height: 50px;
border-radius: 50%;
}
JavaScript
var X, Y, nX, nY;
var delays = 60;
var mydiv = $('#mydiv');
eX = mydiv.width() /2 ;
eY = mydiv.height() /2 ;
nX = eX;
nY = eY;
setInterval(function(){
eX += (nX-eX) / delays;
eY += (nY-eY) / delays;
mydiv.offset({left: eX - mydiv.width() /2, top: eY - mydiv.height() /2});
}, 10);
$(document).mousemove(function(e){
nX = e.pageX;
nY = e.pageY;
});