Cómo crear un cursor tracker en WordPress con Elementor

				
					<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.

Comparte en tus redes sociales

Deja un comentario