前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >好玩又实用的19个JavaScript动画库

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

作者头像
Javanx
发布2019-09-04 15:26:42
3.3K0
发布2019-09-04 15:26:42
举报
文章被收录于专栏:web秀web秀

前言

今天我们来看看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对象。

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

资源地址

kute.js

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

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

资源地址

Dynamics.js

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

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

资源地址

Velocity.js

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

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

资源地址

Typed.js

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

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

资源地址

GSAP

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

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

资源地址

Vivus.js

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

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

资源地址

SVG.js

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

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

资源地址

TweenJS

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

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

资源地址

Rekapi

Rekapi是JavaScript的关键帧动画库。

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

资源地址

Granim.js

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

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

资源地址

MoveTo

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

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

资源地址

Motio

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

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

资源地址

Particles.js

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

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

资源地址

AOS

AOS(动画在滚动)比JavaScript更依赖于CSS。

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

资源地址

Snabbt.js

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

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

资源地址

TypeIt

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

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

资源地址

Ant Motion

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

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

资源地址

Between.js

轻量级JavaScript(ES6)镊子引擎。

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

资源地址

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019年3月12日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • Anime.js
  • kute.js
  • Dynamics.js
  • Velocity.js
  • Typed.js
  • GSAP
  • Vivus.js
  • SVG.js
  • TweenJS
  • Rekapi
  • Granim.js
  • MoveTo
  • Motio
  • Particles.js
  • AOS
  • Snabbt.js
  • TypeIt
  • Ant Motion
  • Between.js
相关产品与服务
云直播
云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档