一些最好的JS-CSS动画库
浏览网络寻找整洁的Javascript动画库时，我发现许多“推荐”的动画库都没有保存一段时间。
经过研究，我收集了11个最好的库供您的应用程序使用。我还添加了一些其他的（大多是未维护的）有用的库。
使用组件构建UI时，请使用Bit（GitHub）在应用程序之间轻松共享和重用组件。它可以节省您的时间，并让您的团队共享组件以更快地构建在一起。试试看，它是免费的。
通过Bit，您甚至可以同时开发来自不同项目的组件，并轻松地在代码库中同步更改。它与Git和NPM配合使用，因此您可以选择正确的工作流进行代码共享。看。
使用纯CSS
在深入研究这些库之前，请不要忘记使用纯CSS。 为什么？ 因为它是标准的，所以可以提高性能（GPU），提供向后和向前的兼容性，并且它可能是制作动画的最有效方法。 这里有10个纯CSS纯动画的示例。
1. Three.js
这个流行的库拥有超过4.3万颗星，是一种直观地使用WebGL在浏览器上创建3D动画的好方法。 该库提供<canvas>，<svg>，CSS3D和WebGL渲染器，使我们能够在设备和浏览器之间创建丰富的交互体验。 该库于2010年4月首次引入，目前仍由近1,000名贡献者开发。
2. Anime.js
超过2万颗星，Anime是一个JavaScript动画库，可与CSS属性，单个CSS转换，SVG或任何DOM属性以及JavaScript对象一起使用。 该库使您可以链接多个动画属性，将多个实例同步在一起，创建时间轴等等。
3. Mo.js
这个库达到14K星，是用于网络的运动图形工具带，具有简单的声明性API，跨设备兼容性和超过1500个单元测试。 您可以在DOME或SVG DOME周围移动内容，或创建唯一的mo.js对象。 尽管文档很少，但示例很多，这是CSS技巧的介绍。
4. Velocity
Velocity是15K星，是一种快速的Javascript动画引擎，具有与jQuery的$ .animate（）相同的API。 它具有彩色动画，变换，循环，缓动，SVG支持和滚动的功能。 这是Velocity高性能引擎的细分，这是使用该库的SVG动画的简介。
网友评论