JSFiddle - React, Tailwind, and code Playground

by Hazneliel

HTML

<!-- Test by Haz -->

<!--    Este div es usado como el contenedor del objeto que se moverá
        Puede ser una imagen, o una sección completa de la página-->
<div id="tail">This could be anything</div>

CSS

#tail {
    position: absolute;
    float: left;
}

JavaScript

// Función para mover el objeto con el id "tail"
$(document).bind('mousemove', function(e) {
    
    $('#tail').css ({
        
        
        // Aquí tomo el height de la pagina y le resto la poscición del mouse
        // Utilicé 400 solo para pruebas
        top: (400 - e.pageY)
    });
});