github上寻找web_10个推荐的Web上的Motion GitHub Repos

daique1908

墨衍会员 · AI 创作全网分发码龄10年

关注

翻译最新推荐文章于 2026-08-25 01:25:52 发布 345 阅读 AI 写同款· GEO 优化 ›

github上寻找web

GitHub是找到免费发布给公众的项目的好地方，但是您是否曾经出过一个回购协议，却忘了它可能有多酷和有用？在本文中，我将介绍GItHub上免费提供的一些出色的项目，这些项目着重于帮助动画师为Web构建运动。

1. Rellax

Rellax是一种黄油状的光滑，超轻便的视差库，它还可以在各种设备上运行。无需编写大量代码，您就可以学习如何为项目提供流畅的滚动体验，并充分了解使视差产生的原因。

2. Dynamics.js

如果您想为自己的工作创建更多逼真的基于物理的运动，那就不要比dynamics.js更为复杂。

借助它，您可以为任何DOM元素，SVG属性和JavaScript对象CSS属性设置动画。该库不仅将测试您的JS能力，而且还将学习物理如何使用户获得更直观和逼真的体验。

其主页上的滑块确实可以帮助您了解每个媒体资源如何与其对等对象一起创建基于物理的动作，以反映我们真实的动作。

3. Barba.js

在您的网站页面之间创建惊人，流畅和平滑的过渡。 Barba.js是一个很小的文件库（压缩后压缩为4kb），是灵活且无依赖的库，可帮助您将网站的UX提升到一个新水平。

这也是关于如何使用PJAX （推送状态AJAX）和Push State API来增强页面转换的一课。如果您从未听说过这些技术，那么将对它们进行很好的介绍，最后，它们将为页面遍历带来非常出色的效果。

4. 灯芯

Wick是互联网的免费开放源代码多媒体创建工具包。这是一个基于浏览器的混合动画和编码环境，用于构建Web交互性。受到Flash（基于关键帧的动画吗？），HyperCard和Scratch之类工具的大力启发，它是为响应现代网络对此类工具的日益增长的需求而开发的。

使用浏览器作为指导来创建平滑运动，而无需下载任何其他软件即可完成工作。

5. Bounce.js

立即创建精美CSS3动画。 bouncejs.com上的工具允许您生成无需使用任何额外JavaScript即可使用的静态关键帧，但是如果您希望应用程序即时生成这些关键帧，则可以使用Bounce.js库。

关键帧输出绝对令人着迷，并且深刻理解了matrix（） CSS函数和关键帧构建的使用。这是一个很好的工具，可以真正微调特定的动作，并了解如何使用关键帧创建惊人的弹跳式动作。在其创造者Joel Besada的著作中，也有一篇很棒的文章，内容涉及减少关键帧的生成量，为什么要努力争取关键帧以及如何使人着迷。

注意：根据Joel的说法，目前Bounce不再处于积极的开发中，没有未来的计划。