<div id="cursor-icon"></div>
<script>
var cursorIcon = document.getElementById('cursor-icon');
document.addEventListener('mousemove', function(e) {
cursorIcon.style.opacity = 1;
cursorIcon.style.left = e.pageX + 'px';
cursorIcon.style.top = e.pageY + 'px';
setTimeout(function() {
cursorIcon.style.opacity = 1;
}, 15000);
});
</script>
#cursor-icon {
width: 50px;
height: 50px;
background-image: url('http://menu-multicontent.local/wp-content/uploads/2023/03/icons8-pelota-de-playa-94.png');
background-repeat: no-repeat;
background-size: cover;
position: absolute;
z-index: 9999;
pointer-events: none;
opacity: 0;
transition: all 0.2s ease-out;
overflow:hidden;
}
Si para este tutorial necesitas algún plugin lo podrás encontrar en la pagina de plugins.
