常见的10个JavaScript动画函数库

绝地灬酷狼 2022-08-05 12:14 239阅读 0赞

一、[Snap.svg][]

SVG是一种创建交互式动画非常棒的方式，独立的分辨率的矢量图形在任何大小的屏幕上看起来效果都很好。Snap.svg库使操作SVG变得更jQuery操作DOM一样简单。

二、[Motio][]

一个基于动画和平移的简单但强大的JavaScript库

三、[animo.js][]

堆栈动画，可以创建跨浏览器平台的模糊效果，在动画完成可以调用回调函数，创建更魔幻的动画。

四、[Move.js][]

Move.js是一个很小的函数库，能简单而优雅的支持CSS3.

五、[favico.js][]

用动画徽章的方式激活你的网站图标。你可以自定义动画类型、位置、背景颜色和文本颜色

六、[Textillate.js][]

一个简单的CSS文本动画插件，Textillate.js结合了一些极好的函数库，目的是为应用CSS3动画的任何文本提供一个简单易用的插件。

七、[Anima][]

用Anima可以很容易的同时激活100多个对象，每一个元素都有大小和黏性去模拟一个真实对象

八、[GSAP][]

GSAP是一套针对原生的、高性能HTML5动画的工具，并能在所有主流浏览器中工作。

九、[WOW.js][]

WOW.js是一个当滚动时显示动画的JavaScript插件。非常适合用Animate.css的朋友

十、[Velocity.js][]

Velocity.js：对于运动设计者来说，这是一个极其迅速的动画渲染引擎。

译文出处：[http://www.ido321.com/1516.html][http_www.ido321.com_1516.html]

[Snap.svg]: http://snapsvg.io/
[Motio]: http://darsa.in/motio/
[animo.js]: http://labs.bigroomstudios.com/libraries/animo-js
[Move.js]: http://visionmedia.github.io/move.js/
[favico.js]: http://lab.ejci.net/favico.js/
[Textillate.js]: http://jschr.github.io/textillate/
[Anima]: http://lvivski.com/anima/
[GSAP]: http://greensock.com/gsap
[WOW.js]: http://mynameismatthieu.com/WOW/docs.html
[Velocity.js]: http://julian.com/research/velocity/
[http_www.ido321.com_1516.html]: http://www.ido321.com/1516.html

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关 10个JavaScript常见高级知识点

今天，给大家分享的是一篇干货知识《10个JavaScript常见高级知识点》，主要针对初级前端和想要面试找工作的同学，想要学好前端，除了要掌握JavaScript的基础知识外，

妖狐艹你老母/ 2024年03月31日 10:32/ 0 赞/ 117 阅读

相关 10个最受欢迎的JavaScript图表库

目前网上有很多用于绘制图表图形的免费JavaScript插件和图表库，技术学派在这里给大家推荐10个比较强大的绘制图表图形的JavaScript图表库。其中一些插件需要主流浏览

痛定思痛。/ 2023年09月30日 13:47/ 0 赞/ 5 阅读

相关 JavaScript动画实现的原理、动画函数的封装

JavaScript动画实现的原理、动画函数的封装动画实现的原理核心原理是通过定时器setInterval（）不断移动盒子的位置实现步骤： 1. 获得盒

- 日理万妓/ 2023年01月02日 02:20/ 0 赞/ 177 阅读

相关 Theatre.js 动画JavaScript库

[Theatre.js ][Theatre.js]是一个带有 GUI 的 JavaScript 动画库，为 DOM、WebGL 和任何其他的 JavaScript 变量

迈不过友情╰/ 2022年09月14日 08:40/ 0 赞/ 226 阅读

相关分享10个很棒的JavaScript 库

![028a948c14d5da71ca7a39b0fb832542.png][] 英文 | https://javascript.plainenglish.io/10-aw

叁歲伎倆/ 2022年09月10日 03:19/ 0 赞/ 238 阅读

相关 10个很棒的 JavaScript 库

![e49d261ab88262ad29b42dd0308a7454.png][] 英文 | https://javascript.plainenglish.io/8-gre

柔情只为你懂/ 2022年09月04日 03:56/ 0 赞/ 243 阅读

相关常见的10个JavaScript动画函数库

一、[Snap.svg][] SVG是一种创建交互式动画非常棒的方式，独立的分辨率的矢量图形在任何大小的屏幕上看起来效果都很好。Snap.svg库使操作SVG变得更jQuer

绝地灬酷狼/ 2022年08月05日 12:14/ 0 赞/ 240 阅读

相关 10 个非常有用的 SVG 动画的 JavaScript 库

本文来自简书，原文地址:[http://www.jianshu.com/p/20bfeda0ba3b][http_www.jianshu.com_p_20bfeda0ba3b]

深碍√TFBOYSˉ_/ 2022年06月13日 10:40/ 0 赞/ 246 阅读

相关 10个JavaScript常见BUG及修复方法

如今网站几乎100%使用JavaScript。JavaScript看上去是一门十分简单的语言，然而事实并不如此。它有很多容易被弄错的细节，一不注意就导致BUG。

忘是亡心i/ 2021年09月20日 09:18/ 0 赞/ 285 阅读

相关轻量级JavaScript动画库

地址: [https://www.animejs.cn/][https_www.animejs.cn] [https_www.animejs.cn]: https://ww

傷城~/ 2021年07月26日 14:13/ 0 赞/ 434 阅读