常用免费动画库

参考 址:求推荐免费的UI素材 站- 知乎

1、Animate.css

Animate.css是目前最流行和使用最广泛的动画库之一。这个动画库包括超过 77 个现成的 CSS 动画。它的动画非常适合强调、注意引导提示、滑块和主页的使用。

animate.css – 齐全的CSS3动画库_dowebok

2、LottieFiles

LottieFiles跨平台、极小的文件大小以及可编写脚本和交互式的特性。可以帮助UI设计人员和开发人员发现、创建、测试、调整和实施适用于 页和移动应用程序的轻量级交互式动画。

使用 LottieFiles,你可以导出和共享一种开源的、基于 JSON 的动画文件格式,称为“ Lottie”。

这些 Lottie 动画适用于流行的操作系统,如 Android OS、iOS、Windows 和领先的软件编程语言,如 Vue.js、Flutter、Angular 和 React Native。

Free Lottie Animation Files, Tools & Plugins – LottieFiles

3、Anime.js

AnimeJS是一个强大且直观的 JavaScript 动画库。这个轻量级的库有一个强大的 API,可以让你平滑地为 HTML 元素、CSS 属性、JS 对象、SVG 和 DOM 属性设置动画。

anime.js官 _免费、灵活的轻型JavaScript动画库 | animejs

4、Bounce.js

Bounce.js既是一个工具,也是一个 JS 库,可让你创建引人入胜的 CSS3 驱动的关键帧动画。该库包含十个流畅、漂亮且有趣的弹性动画预设。这些有趣的预设可以完成所有繁重的工作,因此你不必编写复杂的动画代码。

Bounce.js

5、Popmotion

Popmotion是一个功能性动画库,是“动画师的 JavaScript 工具箱”。 它的功能强大,可以在数字和颜色上启用关键帧、弹簧和惯性动画。

Popmotion: The animator’s JavaScript toolbox

6、Mo.js

Mo.js是一个丰富的 JavaScript 动画库,它可以使用运动效果为你的作品集增添趣味。这个动画库具有速度快和简单易上手这两个特性。

https://github.com/mojs/mojs

7、GreenSock 动画平台(GSAP)

GSAP 是另一个基于 HTML5 和 JavaScript 构建的强大动画库。它通过绑定多个动画属性并消除浏览器错误,确保动画在现代 Web 浏览器和 HTML5 解决方案上流畅运行。

GSAP提供了一系列工具,使你的动画创建过程尽可能简单:

TweenLite,一个强大而快速的核心,为 JavaScript 库提供动力;

TweenMax,扩展了 TweenLite 的新功能;

TimelineLite,有助于管理动画序列;

TimelineMax,扩展了 TimelineLite 的功能。

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年1月18日
下一篇 2022年1月18日

相关推荐