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

2021-10-24 13:10:10 +08:00
 stevenlei
苹果网站很多动画效果都是与页面卷动相关的,为了更容易实现这种需求,我写了一个 JS 库 — Trigger JS ,透过 HTML 属性和 CSS 变数即可编写动画效果。

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

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

视频介绍:
B 站: https://www.bilibili.com/video/BV1xU4y1c7uq
YouTube: <amp-youtube data-videoid="29Y4X-aeFqs" layout="responsive" width="480" height="270"></amp-youtube>
4656 次点击
所在节点    分享创造
19 条回复
RobertLyu
2021-10-24 13:30:28 +08:00
我超级羡慕你的!太厉害了!大佬!
stevenlei
2021-10-24 16:33:07 +08:00
@RobertLyu 您客气啦,一起加油!
del1214
2021-10-24 17:19:49 +08:00
B 站大佬,支持一下
hronro
2021-10-24 17:25:36 +08:00
不错,可以考虑用 Web Components 封装一下
ming168
2021-10-24 17:46:52 +08:00
粤语加英语又标准又好听,6666666666
ShuoHui
2021-10-24 17:48:49 +08:00
粤语听着好舒服,果断点了 fo
Kilerd
2021-10-24 17:50:29 +08:00
有跟 react 或者 vue 结合的 demo 吗?🤔
kiko12324
2021-10-24 17:56:25 +08:00
看到你的 sdfsdf.dev 视频学到了好多东西啊
lizhenda
2021-10-24 19:47:30 +08:00
膜拜一下!
JCZ2MkKb5S8ZX9pq
2021-10-24 21:39:30 +08:00
大噶吼 窝嗨斯蒂文~

话说一直想看看 GSAP 和 scrollmagic 那套东西 不晓得区别大不大
alphardex
2021-10-24 22:02:26 +08:00
很棒,就喜欢这种短小精悍的库
比起 gsap 的 scrolltrigger 要轻量得多
Kaier
2021-10-24 23:13:59 +08:00
不错不错
ob
2021-10-25 00:12:57 +08:00
666 ,粤语录制有点意思
valuable
2021-10-25 00:16:09 +08:00
犀利喔 加油
discrete
2021-10-25 02:07:20 +08:00
声音好好听!
JsonSnowNothing
2021-10-25 09:40:50 +08:00
支持!
maypu
2021-10-25 09:56:22 +08:00
非常秀
labulaka521
2021-10-25 11:32:16 +08:00
666
stevenlei
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 哈哈,瞧瞧先。

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

https://www.v2ex.com/t/810137

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

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

© 2021 V2EX