推荐 6 个不错的JavaScript动画库

推荐 6 个不错的JavaScript动画库

web前端教程

用大白话,来讲编程

推荐 6 个不错的JavaScript动画库

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

推荐 6 个不错的JavaScript动画库

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

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

推荐 6 个不错的JavaScript动画库

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

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

推荐 6 个不错的JavaScript动画库

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

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

推荐 6 个不错的JavaScript动画库

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

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

推荐 6 个不错的JavaScript动画库

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

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

 

推荐 6 个不错的JavaScript动画库

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

热门文章

原创教程

原创教程:

附加习题:

趣味职场

职场感悟:

学习困惑:

职场焦虑:

感到迷茫:

薪资待遇:

培训出身:

培训费用:

培训简历:

搞笑黑话:

行业困惑:

职业规划:

新手求职:

新手学习:

职场形象:

合作广告分割线

推荐 6 个不错的JavaScript动画库