jQuery视差随文本移动背景

我正在尝试为一个小项目复制一些我非常喜欢的功能

以下是项目：

我用以下代码实现了鼠标移动时的背景移动：

$(document).ready(function() {
    var movementStrength = 25;
    var height = movementStrength / $(window).height();
    var width = movementStrength / $(window).width();
    $("#top-image").mousemove(function(e){
        var pageX = e.pageX - ($(window).width() / 2);
        var pageY = e.pageY - ($(window).height() / 2);
        var newvalueX = width * pageX * -1 - 25;
        var newvalueY = height * pageY * -1 - 50;
        $('#top-image').css("background-position", newvalueX+"px     "+newvalueY+"px");

    });
});

我还想移动鼠标移动文本

我只是想知道是否有任何库可以使用，以获得与上述示例相同的效果

---

我的项目可以在这里查看：

您所指的文本..我看不到任何文本..文本“PLAYKOT”嵌入在IMG中。。 您可以尝试使用此恐龙移动代码

$('#dinosaur').on('mouseenter', function() {
  $(this).find('img').css('left', '50px');
}).on('mouseleave', function() {
  $(this).find('img').css('left', '0px');
});

添加最后一行将有效…

是“PLAYKOT”，未嵌入。如果检查元素，则为文本。

$("#top-image").mousemove(function(e){
      var pageX = e.pageX - ($(window).width() / 2);
      var pageY = e.pageY - ($(window).height() / 2);
      var newvalueX = width * pageX * -1 - 25;
      var newvalueY = height * pageY * -1 - 50;
      $('#top-image').css("background-position", newvalueX+"px     "+newvalueY+"px");

      $(".pa" ).css("transform","translate("+ newvalueX+"px ," +newvalueY+"px)");

    });