november
V2EX  ›  外包

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

  •  
  •   november · Mar 9, 2024 · 1666 views
    This topic created in 923 days ago, the information mentioned may be changed or developed.

    https://green-spoon.jp/

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

    截屏 2024-03-09 12.59.50.png

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

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

    Supplement 1  ·  Mar 9, 2024
    已有合适人选。
    9 replies    2024-04-27 09:04:39 +08:00
    washbrain
        1
    washbrain  
       Mar 9, 2024   ❤️ 1
    tg:QFp1cmFxX1Rha2Vu
    需要一比一完全复现是吗
    s0f
        2
    s0f  
       Mar 9, 2024   ❤️ 1
    wx: T3RoaW5r
    yaojin
        3
    yaojin  
       Mar 9, 2024   ❤️ 1
    tg: djJleHJvb3Q=
    vue666
        4
    vue666  
       Mar 9, 2024   ❤️ 1
    tg: aGgzNjk4NTIxNDc=
    wsWmsw
        5
    wsWmsw  
       Mar 9, 2024
    请教,这种页面里跟随滚动的动画大概用什么库实现?
    november
        6
    november  
    OP
       Mar 10, 2024
    @wsWmsw #5 动画库的话你搜“react 动画库”可以出不少,如果要指定跟随页面滚动的话,我也没找到什么库相关的。
    一般都是自己写监听滚动条获取滚动数值,然后在恰当时机播放动画。
    OHyn
        7
    OHyn  
       Mar 10, 2024
    @wsWmsw 同问
    zhwithsweet
        8
    zhwithsweet  
       Mar 10, 2024 via iPhone   ❤️ 1
    @november magic scroll
    wsWmsw
        9
    wsWmsw  
       Apr 27, 2024
    @november 最近接触到了,这有个专有名词,叫滚动驱动的动画,scroll-driven ,而且不一定要用 js 实现,可以看下这个谷歌开发者文档,他们介绍了这种动画。

    https://developer.chrome.com/docs/css-ui/scroll-driven-animations?hl=zh-cn
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2840 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 14:41 · PVG 22:41 · LAX 07:41 · JFK 10:41
    ♥ Do have faith in what you're doing.