JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div id="moving_div">asdfsa</div>

CSS

#moving_div {
  position: absolute;
}

JavaScript

var $mouseX = 0, $mouseY = 0;
var $xp = 0, $yp =0;

$(document).mousemove(function(e){
    $mouseX = e.pageX + 20;
    $mouseY = e.pageY + 20;    
});

var $loop = setInterval(function(){
  // change 12 to alter damping higher is slower
  $xp += (($mouseX - $xp)/12);
  $yp += (($mouseY - $yp)/12);
  $("#moving_div").css({left:$xp +'px', top:$yp +'px'});  
}, 5);