JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">A</div>
<div id="b">B</div>
<div id="c">C</div>
<div id="d">D</div>

CSS

div {
    -webkit-transition-duration: 2s;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
}

body {
    -webkit-transform: translate3d(0,0,-1);
    -webkit-transform-style: preserve-3d;
}

#a { background-color: red; }
#b { background-color: green; }
#c { background-color: blue; }
#d { background-color: black; }

JavaScript

$(document).on("mousemove",function(evt){
    $("#a,#b,#c,#d").each(function(i,e){
        e.style.WebkitTransform = "translate3d("+evt.clientX+"px,"+evt.clientY+"px,0)";
    });
});