好玩又实用的19个JavaScript动画库

前言

今天我们来看看2019年的一些伟大的JavaScript动画库。在2002年左右，我们使用Flash来制作网络动画。而在2008年，由Flash制作的网站是非常受欢迎(Flash网页游戏风靡一时)。

但是在2015，一切都变了，HTML5的崛起：

2015年，微软宣布鼓励网站停止使用该公司的 Silverlight技术，转而使用更新的、基于HTML5 技术的媒体播放系统。 2015年1月，YouTube彻底抛弃了Flash，实现向HTML5的全面过渡。 2015年7月23日，Twitch宣布将逐渐放弃基于Flash的直播技术，全面转向HTML5。

时至今日，Flash网站几乎消失了。

后来，我们开始使用JavaScript进行网页动画，效率高，重量轻。目前，我们甚至进一步采用CSS和SVG进行动画制作。但是，我们仍然需要JavaScript来制作高级动画。使用JavaScript的动画是一项非常艰巨的工作，它需要深层次的知识和技能。但是，我们有一些很棒的JavaScript动画库，可以让开发过程更轻松。您可以在网络上找到很多JavaScript动画库。每一个都与众不同，适用于许多不同的情况。

下面我们开看看这些JavaScript动画库，有没有你喜欢的。

Anime.js

Anime.js 是一个轻量级的JavaScript动画库，具有简单而强大的API。它可以处理CSS属性、SVG、DOM属性和JavaScript对象。

资源地址

kute.js

kute.js是一个原生的JavaScript动画引擎，具有出色的代码质量、超高的性能、SVG变形、笔画和二维和三维转换、CSS3转换、颜色以及其他CSS3属性或表示属性。

资源地址

Dynamics.js

Dynamics.js是一个用于创建基于物理的动画的JavaScript库。

资源地址

Velocity.js

速度是一个动画引擎。它可以与jquery一起使用，也可以不使用jquery。它的速度非常快，它具有彩色动画、转换、循环、测量、支持SVG和滚动功能。它是jquery和css转换的最佳组合。

资源地址

Typed.js

typed.js是一个类型化的库。输入任意一个字符串，观察它以您设置的速度键入，用退格键返回所键入的内容，然后为您设置的任意多个字符串开始一个新的句子。

资源地址

GSAP

GSAP是一个JavaScript库，用于创建在每个主要浏览器中都可用的高性能动画。

资源地址

Vivus.js

vivus是一个轻量级的JavaScript类（没有依赖项），它允许您对SVG进行动画处理，使它们看起来像是被绘制的。有多种不同的动画可用，以及创建自定义脚本的选项，以任何方式绘制SVG。

资源地址

SVG.js

用于操作和设置SVG动画的轻量级库。

资源地址

TweenJS

一个简单但功能强大的JavaScript库，用于在HTML5和JavaScript属性之间切换和设置动画。独立工作或与画架集成。

资源地址

Rekapi

Rekapi是JavaScript的关键帧动画库。

资源地址

Granim.js

使用这个小的JavaScript库创建流体和交互式渐变动画。

资源地址

MoveTo

一个没有任何依赖关系的轻量级滚动动画JavaScript库。

资源地址

Motio

用于简单但功能强大的基于sprite的动画和平移的小型JavaScript库。

资源地址

Particles.js

用于创建粒子的轻量级JavaScript库。

资源地址

AOS

AOS（动画在滚动）比JavaScript更依赖于CSS。

资源地址

Snabbt.js

snabbt.js是一个最低限度的JavaScript动画库。它专注于移动物体。它将转换、旋转、缩放、倾斜和调整元素的大小。通过包括矩阵乘法运算，变换可以以任何方式组合。然后通过CSS3变换矩阵设置最终结果。

资源地址

TypeIt

世界上最通用的JavaScript动画输入工具。

资源地址

Ant Motion

Ant Motion是Ant Design的一个运动设计规范，它还提供了一个完整的解决方案，为您的React应用程序提供了许多现成的动画。

资源地址

Between.js

轻量级JavaScript（ES6）镊子引擎。

资源地址