单纯的想要实现这种效果的方法有很多，其中不乏有 jquery,原生等方法。

基于 getBoundingClientRect 实现过渡效果

此处我要给到大家的是基于GSAP+scrollTrigger实现的，相比于其他方法更加方便简单

GSAP+scrollTrigger

基于vue2模块搭建的相关代码，大家可以直接选择进行在线编辑操作~