滚动时的 Revolut 登陆页面动画

Revolut landing page animation on scroll

提问人:ali abbas 提问时间:11/12/2023 更新时间:11/12/2023 访问量:27

问:

我一直在努力创建 revolut.com 登录页面上的动画。开始滚动时,背景变为白色。我尝试过一些效果,例如淡入淡出,但我希望线性变换为白色。我不知道这种转变的任何名称。 谁能引导我走向正确的方向?

我想到的一个薄点是扩大手机容器的大小,逐渐保持移动图像的大小,因此移动图像将保持不变,但容器大小最终将是屏幕。这是正确的方法吗?

HTML CSS ReactJS 动画 滚动

评论

0赞 Math 11/12/2023
您是否查看过 GSAP Scrolltrigger 库?
0赞 ali abbas 11/12/2023
我可以处理该部分以在滚动时触发动画。我只想知道如何从绝对定位的移动图像的边缘向外做白色背景动画。任何帮助或想法都非常感谢。

答: 暂无答案