👆👆点击跳转: Bilibili📺教程视频链接
进入页面后，向下滑动页面，进入屏幕的图片上、会有百叶窗裁剪效果，其中百叶窗窗条的高度和间隙、会根据整个滑动过程变化
- 该效果的实际落地网站
- 该效果的JS部分主要依靠GSAP的ScrollTrigger所构建，不懂的小伙伴可以自行去查看官方文档
- 在用CSS属性位移图片的时候，因为相邻线条为倍数关系，所以JIEJOE没有使用累加，而是直接取巧、用的被移动线条本身的高度，但实际上，正确的计算方式通过数学公式应该是0.1rem * (pow(2, var(--i)) - 1)，但由于只有0.1rem的间距，且所有图片都被偏移了，故这里的误差可以忽略不计
