V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
stevenlei
V2EX  ›  分享创造

为了苹果网站的特效,写了个 JS 库,求 Star

  •  
  •   stevenlei · 2021-10-24 13:10:10 +08:00 · 4700 次点击
    这是一个创建于 1160 天前的主题,其中的信息可能已经有所发展或是发生改变。
    苹果网站很多动画效果都是与页面卷动相关的,为了更容易实现这种需求,我写了一个 JS 库 — Trigger JS ,透过 HTML 属性和 CSS 变数即可编写动画效果。

    此项目在 GitHub 开源,欢迎大家参与开发:
    https://github.com/triggerjs/trigger

    欢迎大家加入一起开发!求 Star

    视频介绍:
    B 站: https://www.bilibili.com/video/BV1xU4y1c7uq
    YouTube:
    19 条回复    2021-10-25 15:50:28 +08:00
    RobertLyu
        1
    RobertLyu  
       2021-10-24 13:30:28 +08:00 via iPhone   ❤️ 2
    我超级羡慕你的!太厉害了!大佬!
    stevenlei
        2
    stevenlei  
    OP
       2021-10-24 16:33:07 +08:00 via iPhone   ❤️ 1
    @RobertLyu 您客气啦,一起加油!
    del1214
        3
    del1214  
       2021-10-24 17:19:49 +08:00   ❤️ 1
    B 站大佬,支持一下
    hronro
        4
    hronro  
       2021-10-24 17:25:36 +08:00   ❤️ 1
    不错,可以考虑用 Web Components 封装一下
    ming168
        5
    ming168  
       2021-10-24 17:46:52 +08:00   ❤️ 2
    粤语加英语又标准又好听,6666666666
    ShuoHui
        6
    ShuoHui  
       2021-10-24 17:48:49 +08:00 via iPhone   ❤️ 1
    粤语听着好舒服,果断点了 fo
    Kilerd
        7
    Kilerd  
       2021-10-24 17:50:29 +08:00 via iPhone   ❤️ 1
    有跟 react 或者 vue 结合的 demo 吗?🤔
    kiko12324
        8
    kiko12324  
       2021-10-24 17:56:25 +08:00   ❤️ 1
    看到你的 sdfsdf.dev 视频学到了好多东西啊
    lizhenda
        9
    lizhenda  
       2021-10-24 19:47:30 +08:00   ❤️ 1
    膜拜一下!
    JCZ2MkKb5S8ZX9pq
        10
    JCZ2MkKb5S8ZX9pq  
       2021-10-24 21:39:30 +08:00   ❤️ 1
    大噶吼 窝嗨斯蒂文~

    话说一直想看看 GSAP 和 scrollmagic 那套东西 不晓得区别大不大
    alphardex
        11
    alphardex  
       2021-10-24 22:02:26 +08:00   ❤️ 1
    很棒,就喜欢这种短小精悍的库
    比起 gsap 的 scrolltrigger 要轻量得多
    Kaier
        12
    Kaier  
       2021-10-24 23:13:59 +08:00   ❤️ 1
    不错不错
    ob
        13
    ob  
       2021-10-25 00:12:57 +08:00   ❤️ 1
    666 ,粤语录制有点意思
    valuable
        14
    valuable  
       2021-10-25 00:16:09 +08:00 via Android   ❤️ 1
    犀利喔 加油
    discrete
        15
    discrete  
       2021-10-25 02:07:20 +08:00   ❤️ 1
    声音好好听!
    JsonSnowNothing
        16
    JsonSnowNothing  
       2021-10-25 09:40:50 +08:00   ❤️ 1
    支持!
    maypu
        17
    maypu  
       2021-10-25 09:56:22 +08:00   ❤️ 1
    非常秀
    labulaka521
        18
    labulaka521  
       2021-10-25 11:32:16 +08:00   ❤️ 1
    666
    stevenlei
        19
    stevenlei  
    OP
       2021-10-25 15:50:28 +08:00
    感谢各位大佬 @del1214 @ming168 @ShuoHui @kiko12324 @lizhenda @Kaier @ob @valuable @discrete @JsonSnowNothing @maypu @labulaka521


    @hronro 好的,封装成 Web Component 也不错

    @Kilerd 暂时还没有整合和测试,下一步会处理。

    @JCZ2MkKb5S8ZX9pq GSAP 和 scrollmagic 都很强大,它们主要在 JS 那边写动画。我这个希望单纯用 HTML 和 CSS 编写动画。

    @alphardex 谢谢,我现在才知道 scrolltrigger 哈哈,瞧瞧先。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5014 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 09:40 · PVG 17:40 · LAX 01:40 · JFK 04:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.