推荐 6 个不错的JavaScript动画库

Posted 2021-04-17 web前端教程

web前端教程

用大白话，来讲编程

1. Three.js  提供了非常多的3D显示功能，超过46K的start，以一种直观的方式使用 WebGL。

这个库提供了<canvas>、 <svg>、CSS3D 和 WebGL渲染器，让我们在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首次推出，目前仍有近1000名贡献者在开发中。

2. Mo.js  一个用于 Web 的动态图形工具带，具有简单的声明 API，跨设备兼容性和超过1500个单元测试。

您可以在DOME或SVG DOME周围移动东西或创建唯一的 mo.js 对象。虽然文档有些稀缺，但是示例很丰富。

3. Anime.js  是一个javascript动画库，可以处理CSS属性，单个CSS转换，SVG或任何DOM属性以及JavaScript对象。 

此库允许您链接多个动画属性，将多个实例同步，创建时间轴等。

4. Velocity  一个快速的 Javascript 动画引擎，拥有与jQuery的 $.animate() 相同的API。

它具有彩色动画、转换、循环、画架、SVG支持和滚动。

5. GreenSock JS GSAP 是一个JavaScript库，用于创建高性能、零依赖、跨浏览器动画，据称在超过400万个网站上使用。

GSAP是灵活的，可以与React、Vue、Angular和vanilla JS协同工作。GSDevtools 还可以帮助使用GSAP构建dubug动画。

6. Kute.js 一个完全成熟的原生JavaScript动画引擎，具有跨浏览器动画的基本功能。

 

重点是代码质量，灵活性，性能和大小（核心引擎17k 和 gzipped 5.5k） 。 该库也是可扩展的，因此你可以添加自己的功能。 

热门文章

原创教程

原创教程：

附加习题：

原创教程：

原创教程：

附加习题：

经典试题：  

趣味职场

职场感悟：

学习困惑：

职场感悟：

职场焦虑：

感到迷茫：

薪资待遇：

培训出身：

培训费用：

培训简历：

搞笑黑话：

行业困惑：

新手困惑：

职业规划：

新手求职：

新手学习：

职场形象：

合作广告分割线