Why is the CodePen not functioning properly in Safari? Despite working well in Chrome and Firefox, it completely fails to work in Safari 7.1+. Can anyone provide some insights?
http://codepen.io/cchambers/pen/Dyldj
$(document).on("mousemove", function(e){
$(".spotlight").css("left",e.clientX-100).css("top", e.clientY-100);
});body{
margin:0;
background:url(http://i.imgur.com/KHucaTQ.jpg);
background-size:100% auto;
overflow:hidden;
}
.spotlight{
cursor:none;
position:absolute;
top:100px;
left:200px;
height:200px;
width:200px;
border-radius:50%;
background:transparent;
box-shadow:0 0 0 2000px rgba(0,0,0,.85);
}
.ha{
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div class="spotlight ha"></div>