<div id="wpcustomcursorid_first"></div><div id="wpcustomcursorid_second"></div><div id="wpcustomcursorid_third"></div> <script type="text/javascript">
jQuery(document).ready(function () {
jQuery('body').mousemove(function (e) {
jQuery("#wpcustomcursorid_first").css({
position: 'absolute',
left: e.pageX,
top: e.pageY,
display: 'block'
})
jQuery("#wpcustomcursorid_second").css({
position: 'absolute',
left: e.pageX,
top: e.pageY,
display: 'block'
})
jQuery("#wpcustomcursorid_third").css({
position: 'absolute',
left: e.pageX,
top: e.pageY,
display: 'block'
})
});
jQuery('a').hover(function(){
jQuery('#wpcustomcursorid_first').addClass('hover');
}, function(){
jQuery('#wpcustomcursorid_first').removeClass('hover');
})
});
</script>
<style>
#wpcustomcursorid_first{
position: absolute;
height:30px;
width: 30px;
transform: translate(-50%, -50%);
top:50%;
left: 50%;
border-radius: 100%;
background-color: #edeff8;
pointer-events: none;
z-index: 99999999999999;
transition: width .1s,height .1s;
}
#wpcustomcursorid_first.hover{
width: 40px;
height: 40px;
transition: width .1s,height .1s ;
}
body,body a{
cursor:none!important
}
</style>