有偿实现一前端动画 react + typescript

2024-03-09 13:10:18 +08:00
 november

https://green-spoon.jp/

效果是这个网站第二个板块的内容。将这整个板块的布局内容都实现，包括食品包的动画，背面滚动的文字，以及其他静态文字。素材直接从这个网站拿。

时间是 24 小时，价格 500rmb 。用 react+ts 。 实现动画的库可以自己选择。

有意着留下 tg 或 wx ，3 个候选者即可。

1371 次点击
所在节点    外包
9 条回复
washbrain
2024-03-09 15:24:21 +08:00
tg：QFp1cmFxX1Rha2Vu
需要一比一完全复现是吗
s0f
2024-03-09 16:04:19 +08:00
wx: T3RoaW5r
yaojin
2024-03-09 16:11:11 +08:00
tg: djJleHJvb3Q=
vue666
2024-03-09 16:20:39 +08:00
tg: aGgzNjk4NTIxNDc=
wsWmsw
2024-03-09 19:08:02 +08:00
请教，这种页面里跟随滚动的动画大概用什么库实现？
november
2024-03-10 11:01:22 +08:00
@wsWmsw #5 动画库的话你搜“react 动画库”可以出不少，如果要指定跟随页面滚动的话，我也没找到什么库相关的。
一般都是自己写监听滚动条获取滚动数值，然后在恰当时机播放动画。
OHyn
2024-03-10 14:36:03 +08:00
@wsWmsw 同问
zhwithsweet
2024-03-10 19:53:51 +08:00
@november magic scroll
wsWmsw
2024-04-27 09:04:39 +08:00
@november 最近接触到了，这有个专有名词，叫滚动驱动的动画，scroll-driven ，而且不一定要用 js 实现，可以看下这个谷歌开发者文档，他们介绍了这种动画。

https://developer.chrome.com/docs/css-ui/scroll-driven-animations?hl=zh-cn

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1022069

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX