值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!

想浏览更多优良文章请猛戳GitHub博客,一年百来篇优良文章等着你!

1.Three.js

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

凌驾46K的星星,这个盛行的库供应了异常多的3D显现功用,以一种直观的体式格局运用 WebGL。这个库供应了<canvas>、 <svg>、CSS3D 和 WebGL渲染器,让我们在装备和浏览器之间建立雄厚的交互体验。该库于2010年4月初次推出,现在仍有近1000名贡献者在开辟中。

2. Anime.js

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

凌驾20K的星星,Anime是一个JavaScript动画库,能够处置惩罚CSS属性,单个CSS转换,SVG或任何DOM属性以及JavaScript对象。 此库许可您链接多个动画属性,将多个实例同步,建立时候轴等。

3.Mo.js

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

凌驾 14K 星星,是一个用于 Web 的动态图形东西带,具有简朴的声明 API,跨装备兼容性和凌驾1500个单元测试。 您能够在DOME或SVG DOME四周挪动东西或建立唯一的 mo.js 对象。虽然文档有些稀缺,然则示例很雄厚,这里有CSS技能的引见。

4. Velocity

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

凌驾 15k 星星,Velocity是一个疾速的 Javascript 动画引擎,具有与jQuery的 $.animate() 雷同的API。它具有彩色动画、转换、轮回、画架、SVG支撑和转动。这里是Velocity的高机能引擎的剖析,这里是运用该库的 SVG 动画的引见。

5. Popmotion

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

凌驾 14K 星星,这个动画库大小只要 11 kb。它许可开辟人员从行动建立动画和交互,这些行动是能够启动和住手,能够运用CSS、SVG、React、three建立,js和任何接收数字作为输入的API。

6. Vivus

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

凌驾 10k 星星,Vivus是一个零依靠的JavaScript类,能够让你为SVG制造动画,让它们具有被绘制的表面。 您能够运用很多可用动画之一,或建立自定义脚原本绘制SVG。 检察Vivus-instant猎取现实示例,亲身动动手演习一下。

7. GreenSock JS

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

GSAP 是一个JavaScript库,用于建立高机能、零依靠、跨浏览器动画,据称在凌驾400万个网站上运用。GSAP是天真的,能够与React、Vue、Angular和vanilla JS协同事情。GSDevtools 还能够协助运用GSAP构建dubug动画。

8. Scroll Reveal

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

具有15K颗星星和零依靠,这个库为 web 和挪动浏览器供应了简朴的转动动画,以动画的体式格局显现转动中的内容。它支撑多种简约的结果范例,以至许可你运用自然语言定义动画。这里有一个简短的 SitePoint教程

9. Hover (CSS)

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

凌驾 20k 星星,Hover供应了CSS3支撑的悬停结果鸠合,可应用于链接、按钮、徽标、SVG、特征图象等,在CSS、Sass和LESS中可用。您=能够复制和粘贴愿望在本身的款式表中运用的结果,或许援用款式。

10. Kute.js

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

一个完整成熟的原生JavaScript动画引擎,具有跨浏览器动画的基本功用。 重点是代码质量,天真性,机能和大小(中心引擎17k 和 gzipped 5.5k) – 这是一个演。 该库也是可扩大的,因而你能够增加本身的功用。

11. Typed.js

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

凌驾 7k 星星,这个库基许可你以选定的速率为字符串建立打字动画。 你还能够在页面上安排 HTML div 并从中读取以许可搜索引擎和禁用JavaScript的用户接见,由Slack和其他人运用,这个库既盛行又异常有效。

你的点赞是我延续分享好东西的动力,迎接点赞!

一个笨笨的码农,我的天下只能毕生进修!

更多内容请关注民众号《大迁天下》

编辑中能够存在的bug没法及时晓得,预先为了处理这些bug,花了大批的时候举行log 调试,这边顺便给人人引荐一个好用的BUG监控东西 Fundebug

交换

干货系列文章汇总以下,以为不错点个Star,迎接 加群 互相进修。

https://github.com/qq44924588…

我是小智,民众号「大迁天下」作者,对前端手艺坚持进修爱好者。我会常常分享本身所学所看的干货,在进阶的路上,共勉!

关注民众号,背景复兴福利,即可看到福利,你懂的。

《值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!》

    原文作者:前端小智
    原文地址: https://segmentfault.com/a/1190000017325761
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞