I was wondering how I could fix this? Whenever I move my mouse quick or just move it overall it seems like the circle cuts in half, I want it to be a full circle when moving fast.
$(document).ready(
() => {
var mouseX = 0;
var mouseY = 0;
var xp = 0;
var yp = 0;
$(document).on("mousemove", function(event) {
$("#cursor").css("left", event.pageX - 25);
$("#cursor").css("top", event.pageY - 25);
$("#cursor").css("display", "block");
//console.log("worked");
});
});* {
margin: 0;
}
#cursor {
height: 50px;
width: 50px;
background-color: lightsalmon;
border-radius: 50%;
position: absolute;
display: none;
transition-duration: 0s;
transition-timing-function: ease-out;
}<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<div id="cursor"></div>