Jquery 背景大小转换到另一页

我想制作一个背景图像效果，使背景从一页平滑过渡到另一页，就像在这个页面上一样，当你按下其中一个图像时，它会使它变大，并很好地过渡到下一页

Html格式如下：

索引页：

<a href="another_page.html">Portfolio
 <div class="test"></div>
</a>

---

我不熟悉转换和关键帧，也不是很有经验的开发人员，所以不确定在这里使用什么，也许它需要jquery不确定。感谢任何人的帮助，谢谢

我已经查看了您共享的网站以及您的问题，我只能向您提供该网站正在使用的技术，以便您可以查看该网站并将其用于您的项目。希望有帮助

因此，该网站使用了2个Javascript框架

TweenMax在这里找到的

在这里找到的锤子

我想你可能会发现锤子更重要，因为它能产生你想要的效果。一定要把它们都查出来，让我知道

<div class="test1"></div>

.test{
background-image: url("test.jpeg");
height: 100vh;
background-position: 70% center;
width: 700px;
background-size: auto 100%;
transform: matrix(0.8, 0, 0, 0.8, -329.75, 0);

}

.test1{
background-image: url("test.jpeg");
height: 100vh;
width: 100%;
transition: background-size 10s ease-in;
background-size: 100% 100%;

}