作者：JonathanSaring一些使用技巧和特性原理持续更新中，←点击订阅。喜欢再读一遍，养成习惯。本文已收录到GitHubhttps://github.com/qq44924588...更多往期好评文章已归类，我的文档和教程资料也整理了很多。欢迎来到星和完美。面试时可参考考点复习。我希望我们能在一起。为了保证更好的可读性，本文采用意译而非直译。1.Three.js拥有超过46K星，这个流行的库使用WebGL以直观的方式提供了许多3D显示功能。该库提供了、、CSS3D和WebGL渲染器，使我们能够在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首次推出，目前仍在由近1000名贡献者开发。2.Anime.js超过20K星，Anime是一个JS动画库，可以处理CSS属性、单个CSS过渡、SVG或任何DOM属性以及JS对象。该库允许我们链接多个动画属性、同步多个实例、创建时间线等。3.Mo.js拥有超过14K星，是一个用于Web的动态图形工具带，具有简单的声明性API、跨设备兼容性和超过1500个单元测试。我们可以在DOME或SVGDOME周围移动东西，或者创建独特的mo.js对象。虽然文档有些稀缺，但示例却很多，下面是对CSS技巧的介绍。4.Velocity超过15kstars，Velocity是一个快速的JS动画引擎，具有与jQuery的$.animate()相同的API。它具有彩色动画、过渡、循环、画架、SVG支持和滚动。下面是对Velocity高性能引擎的分解，这里是对使用该库的SVG动画的介绍。5.Popmotion拥有超过14K的star，而这个动画库的大小只有11kb。它允许开发人员从可以开始和停止的动作创建动画和交互，并且可以使用CSS、SVG、React、three、js和任何接受数字作为输入的API创建。6.Vivus拥有超过10k颗星，Vivus是一个零依赖的JS类，可让您为SVG设置动画以赋予它们被绘制的外观。我们可以使用众多可用动画中的一种，或创建自定义脚本来绘制SVG。查看Vivus-instant以获取实际示例并亲自尝试。7.GreenSockJSGSAP是一个用于创建高性能、零依赖、跨浏览器动画的JS库，据说在超过400万个网站上使用。GSAP非常灵活，可以与React、Vue、Angular和vanillaJS一起使用。GSDevtools还有助于使用GSAP构建调试动画。8.ScrollReveal这个库拥有15K星和零依赖，为网络和移动浏览器提供简单的滚动动画，以动画方式显示滚动内容。它支持各种简洁的效果类型，甚至允许您使用自然语言定义动画。这是一个简短的SitePoint教程。9.超过20kstars的悬停(CSS)，Hover提供了CSS3支持的悬停效果合集，可应用于链接、按钮、logo、SVG、特色图片等，CSS、Sass和LESS均可使用。您可以复制并粘贴您想要在自己的样式表或参考样式中使用的效果。10.Kute.js是一个成熟的原生JS动画引擎，具有跨浏览器动画的基本功能。重点是代码质量、灵活性、性能和大小（核心引擎17k和gzipped5.5k）——这里有一个演示。该库也是可扩展的，因此您可以添加自己的功能。11.Typed.js超过7k星，这个库库允许您以选定的速度为字符串创建打字动画。您还可以在页面上放置一个HTMLdiv并从中读取，以允许访问搜索引擎和JS禁用用户，Slack和其他人使用它，这个库既流行又非常有用。编辑过程中可能存在的BUG无法实时获知。之后为了解决这些bug，花费了大量的时间在日志调试上。顺便推荐一个好用的BUG监控工具Fundebug。原文：https://blog.bitsrc.io/11-jav...干货交流系列文章总结如下。https://github.com/qq449245884/xiaozhi由于篇幅所限，今天的分享就到这里了。想要了解更多内容，可以扫描每篇文章底部的二维码，然后关注我们的微信公众号，了解更多资讯和有价值的内容。每次整理一篇文章，一般都是2点多才睡，一周大概4次。这很难。我希望你能支持我，给我一些鼓励。
最近在做动画相关的项目，推荐11个好用的JS动画库相关文章
