阿里云最近在做促销,低至20折,有兴趣的可以看看:https://promotion.aliyun.com/...为了保证更好的可读性,这个文章采用意译而非直译。想阅读更多优质文章,请戳GitHub博客,一年百篇优质文章等你来!1.Three.js拥有超过46K星,这个流行的库使用WebGL以直观的方式提供了许多3D显示功能。该库提供了、、CSS3D和WebGL渲染器,使我们能够在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首次推出,目前仍在由近1000名贡献者开发。2.Anime.js的星星数超过20K,Anime是一个JavaScript动画库,可以使用CSS属性、单个CSS过渡、SVG或任何DOM属性以及JavaScript对象。该库允许您链接多个动画属性、同步多个实例、创建时间线等。3.Mo.js拥有超过14K颗星,是一个用于Web的动态图形工具带,具有简单的声明式API、跨设备兼容性和超过1500个单元测试。您可以在DOME或SVGDOME周围移动事物或创建独特的mo.js对象。虽然文档有些稀缺,但示例却很多,下面是对CSS技巧的介绍。4.Velocity超过15kstars,Velocity是一个快速的Javascript动画引擎,具有与jQuery的$.animate()相同的API。它具有彩色动画、过渡、循环、画架、SVG支持和滚动。下面是对Velocity高性能引擎的分解,这里是对使用该库的SVG动画的介绍。5.Popmotion拥有超过14K的star,而这个动画库的大小只有11kb。它允许开发人员从可以开始和停止的动作创建动画和交互,并且可以使用CSS、SVG、React、three、js和任何接受数字作为输入的API创建。6.Vivus拥有超过10k颗星,Vivus是一个零依赖的JavaScript类,可让您为SVG设置动画以赋予它们被绘制的外观。您可以使用众多可用动画中的一种,或创建自定义脚本来绘制SVG。查看Vivus-instant以获取实际示例并亲自尝试。7.GreenSockJSGSAP是一个用于创建高性能、零依赖、跨浏览器动画的JavaScript库,据说在超过400万个网站上使用。GSAP非常灵活,可以与React、Vue、Angular和vanillaJS一起使用。GSDevtools还可以帮助使用GSAP构建调试动画。8.ScrollReveal这个库拥有15K星和零依赖,为网络和移动浏览器提供简单的滚动动画,以动画方式显示滚动内容。它支持各种简洁的效果类型,甚至允许您使用自然语言定义动画。这是一个简短的SitePoint教程。9.Hover(CSS)超过20kstars,Hover提供了CSS3支持的悬停效果合集,可应用于链接、按钮、logo、SVG、特色图片等,CSS、Sass和LESS均可使用。您可以复制并粘贴您想要在自己的样式表或参考样式中使用的效果。10.Kute.js是一个成熟的原生JavaScript动画引擎,具有跨浏览器动画的基本功能。重点是代码质量、灵活性、性能和大小(核心引擎17k和gzipped5.5k)——这里有一个演示。该库也是可扩展的,因此您可以添加自己的功能。11.Typed.js超过7k星,这个库库允许您以选定的速度为字符串创建打字动画。您还可以在页面上放置一个HTMLdiv并从中读取,以允许搜索引擎和禁用JavaScript的用户使用Slack和其他人,这个库既流行又非常有用。你的点赞是我继续分享好东西的动力,欢迎点赞!笨码农,Minecraft终生只能学习!更多内容请关注公众号《大迁世界》!编辑过程中可能存在的BUG无法实时获知。之后为了解决这些bug,花费了大量的时间在日志调试上。顺便推荐一个好用的BUG监控工具Fundebug。干货交流系列文章总结如下。我觉得点个Star就好了。欢迎加群,互相学习。https://github.com/qq44924588...我是小智,公众号《大招天下》的作者,前端技术爱好者。我会经常分享自己学习看到的干货,在进步的路上互相鼓励!关注公众号,后台回复福利,就能看到福利,你懂的。
值得一看,2019年11个流行的JavaScript动画库!相关文章