世界俱乐部杯赛

JavaScript在实现动画效果方面具有得天独厚的优势，它能轻松解决易用性和兼容性的问题，下面我为大家推荐10个精美的JavaScript动画框架，帮助你构建无与伦比的动态交互界面。

1.

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

2.

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

3.

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

4.

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

5.

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

6.

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

7.

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

8.

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

9.

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

10.

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

转自博客园