最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

发布时间:2020-06-04 10:46:39 作者:王智艺
来源:网络 阅读:352

作者:Jonathan Saring

译者:前端小智

来源:medium


为了保证的可读性,本文采用意译而非直译。

1.Three.js

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库cdn.xitu.io/2019/11/22/16e90735cfaea0d0?w=551&h=358&f=gif&s=37216">

超过46K的星星,这个流行的库提供了非常多的3D显示功能,以一种直观的方式使用 WebGL。这个库提供了<canvas><svg>、CSS3D 和 WebGL渲染器,让咱们在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首次推出,目前仍有近1000名贡献者在开发中。

2. Anime.js

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

超过20K的星星,Anime 是一个 JS 动画库,可以处理CSS属性,单个CSS转换,SVG 或任 何 DOM 属性以及 JS 对象。 此库允许咱们链接多个动画属性,将多个实例同步,创建时间轴等。

3.Mo.js

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

超过 14K 星星,是一个用于 Web 的动态图形工具带,具有简单的声明 API,跨设备兼容性和超过1500个单元测试。 咱们可以在 DOMESVG DOME周围移动东西或创建唯一的 mo.js 对象。虽然文档有些稀缺,但是示例很丰富,这里有CSS技巧的介绍。

4. Velocity

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

超过 15k 星星,Velocity是一个快速的 JS 动画引擎,拥有与jQuery$.animate() 相同的API。它具有彩色动画、转换、循环、画架、SVG支持和滚动。这里是Velocity的高性能引擎的分解,这里是使用该库的 SVG 动画的介绍。

5. Popmotion

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

超过 14K 星星,这个动画库大小只有 11 kb。它允许开发人员从动作创建动画和交互,这些动作是可以启动和停止,可以使用 CSS、SVG、React、three 创建,js 和任何接受数字作为输入的 API。

6. Vivus

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

超过 10k 星星,Vivus是一个零依赖的 JS 类,可以让你为SVG制作动画,让它们具有被绘制的外观。 咱们可以使用许多可用动画之一,或创建自定义脚本来绘制SVG。 查看Vivus-instant获取实际示例,亲自动动手练习一下。

7. GreenSock JS

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

GSAP 是一个JS 库,用于创建高性能、零依赖、跨浏览器动画,据称在超过400万个网站上使用。GSAP是灵活的,可以与 React、Vue、Angular 和 vanilla JS 协同工作。GSDevtools 还可以帮助使用 GSAP 构建dubug 动画。

8. Scroll Reveal

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

拥有15K颗星星和零依赖,这个库为 web 和移动浏览器提供了简单的滚动动画,以动画的方式显示滚动中的内容。它支持多种简洁的效果类型,甚至允许你使用自然语言定义动画。这里有一个简短的 SitePoint教程。

9. Hover (CSS)

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

超过 20k 星星,Hover 提供了CSS3支持的悬停效果集合,可应用于链接、按钮、徽标、SVG、特色图像等,在CSS、Sass和LESS中可用。您=可以复制和粘贴希望在自己的样式表中使用的效果,或者引用样式。

10. Kute.js

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

一个完全成熟的原生 JS 动画引擎,具有跨浏览器动画的基本功能。 重点是代码质量,灵活性,性能和大小(核心引擎17k 和 gzipped 5.5k) - 这是一个演示。 该库也是可扩展的,因此你可以添加自己的功能。

11. Typed.js

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

超过 7k 星星,这个库基允许你以选定的速度为字符串创建打字动画。 你还可以在页面上放置 HTML div 并从中读取以允许搜索引擎和禁用 JS 的用户访问,由Slack和其他人使用,这个库既流行又非常有用。



上个月花了 1600 搞了个配置较高的阿里服务器来学习 node 及对应的框架,现在双12,该款有优惠,只要 89元每年,感觉好划算的。想了解一些前端的后台知识及学习全栈的,可以点击此链接了解详情。


原文:https://blog.bitsrc.io/11-javascript-animation-libraries-for-2018-9d7ac93a2c59


交流

干货系列文章汇总如下,觉得不错点个Star,欢迎 加群 互相学习。

https://github.com/qq449245884/xiaozhi

因为篇幅的限制,今天的分享只到这里。如果大家想了解更多的内容的话,可以去扫一扫每篇文章最下面的二维码,然后关注咱们的微信公众号,了解更多的资讯和有价值的内容。

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

每次整理文章,一般都到2点才睡觉,一周4次左右,挺苦的,还望支持,给点鼓励

最近在做动画相关的项目,推荐 11 个好用的 JS 动画库

推荐阅读:
  1. 推荐好用的JavaScript模块
  2. aos.js超赞页面滚动元素动画jQuery动画库

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css js

上一篇:windows_learn 001 域(AD)

下一篇:python的递归函数怎么用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》