10个最好的 JavaScript 动画库和开发框架-阿里云开发者社区

开发者社区> 秋天风景> 正文

10个最好的 JavaScript 动画库和开发框架

简介:   虽然 CSS3 动画功能能够让我们以简单轻松的方式实现动画效果,但是浏览器兼容性问题让人头疼。不过不用担心,我们还有另外的武器——JavaScript,它同样可以帮助你实现各种各样的动画效果,而且借助已有的动画库和框架,也能够让你快速开发。
+关注继续查看

  虽然 CSS3 动画功能能够让我们以简单轻松的方式实现动画效果,但是浏览器兼容性问题让人头疼。不过不用担心,我们还有另外的武器——JavaScript,它同样可以帮助你实现各种各样的动画效果,而且借助已有的动画库和框架,也能够让你快速开发。

  这篇文章挑选了个人认为最好的15个 JavaScript 动画库和开发框架,相信其中一定会有一款是适合你的。

您可能感兴趣的相关文章

 

1. Tween JS

TweenJS 是一个简单的 JavaScript 补间动画库。能够很好的和 EaselJS 库集成,但也不依赖或特定于它。它支持渐变的数字对象属性和 CSS 样式属性。API 简单但非常强大,因此很容易通过链式调用来创建复杂的补间动画。

 

2. Snap.svg

 SVG 是一个创建交互式、分辨率无关的向量图形的很好的解决方案,让效果在任何大小的屏幕上看起来都是高保真的。Snap.svg 这个 JavaScript 库处理 SVG 就如你用 jQuery 操作 DOM 一样简单。Snap.svg 是专为现代浏览器设计的,支持最新的 SVG 遮罩,剪裁,模式,完整的渐变,分组等功能。

 

3. Animo.js

Animo.js 是一个用于管理 管理 CSS 动画的小工具。它的功能包括:堆栈动画,创建跨浏览器的模糊效果,设置动画完成的回调等。

 

4. Move.js

movejs

Move.js 是一个小的 JavaScript 库,用于以非常简单和优雅的方式支持 CSS3 动画。

 

5. Collie

collie

Collie 是一个 Javascript 库,可以使用 HTML5 创建高度优化的动画和游戏。它在 PC 和移动端都能使用,使用 HTML5 Canvas 和 DOM 实现。Collie 能稳定使用渲染管道和处理多个对象支持的有用特性包括精灵动画和用户事件。

 

6. Minified.js

minified

Minified.js 是一个客户端 JavaScript 库,很轻量(<8kb),功能齐全。它提供了类似 jQuery 的特性(DOM操作、动画、事件、HTTP请求等)和工具函数(集合,日期格式化、日期计算、模板等)与一个简单的、一致的API。

 

7. Rekapi

rekapi

Rekapi 是一个基于 JavaScript 的关键帧动画库。它为您提供了一个 API,用于定义基于帧的动画和控制动画的播放。

 

2. Jsanim

jsAnim

 jsAnim 这个库比较小众一点,可以为你的网站添加动画效果,大小为25KB 左右。

 

9. Favico

favico

想给你的网站添加徽章、图片甚至视频作为图标吗?Favico.js 可以帮你实现,它能够轻松添加动画效果的网站徽章。 

 

10. Textillate.js

textilliate

Textillate.js 是一个简单的 CSS3 文本动画插件。Textillate.js 结合了一些很棒的库,提供一个易于使用的插件,能够将 CSS3 动画应用到任何文本。

 

本文链接:10个最好的 JavaScript 动画库和开发框架

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9497 0
要点摘炼Redis篇|JavaEE互联网轻量级框架整合开发
学习JavaEE互联网轻量级框架整合开发此书,了解redis这一NoSQL技术,在此做点基础知识简单记录
2129 0
框架开发之Java注解的妙用和详解
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34173549/article/details/80550694 注解的好处: 1.能够读懂别人写的代码,特别是框架相关的代码。
881 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13186 0
开发框架之我Spring纯在的一些负面因素
  一。Spring的xml配置很不好。xml滥用程度已经泛滥成灾了。要知道程序员最习惯,最欢迎的还是看代码。当要看一个业务逻辑时发现竟然先要去看它的父类,然后看爷爷类,然后再看太爷爷类,最后发现还需要找Spring配置去找另外一个类,而这个类ref了另外一个类时,肯定哐当晕倒(不知道还有没有父,爷,太爷)。
778 0
《JavaScript开发框架权威指南》——2.7 小结
本节书摘来自异步社区《JavaScript开发框架权威指南》一书中的第2章,第2.7节,作者:【美】Tim Ambler , Nicholas Cloud著,更多章节内容可以访问云栖社区“异步社区”公众号查看
1404 0
+关注
秋天风景
既然选择了远方,便只顾风雨兼程。
2394
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载