顶级的CSS和Javascript动画框架

CodePen 是一个在线的前端代码编辑和展示网站，能够编写代码并即时预览效果。可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果

1. jQuery Transit

该jQuery插件扩展了jQuery的动画功能，增加了许多CSS3特性，如rotata（旋转）、skew（扭曲）、scale（缩放）等。

2. Transform.js

这也是一个jQuery插件，不过它扩展的是animate()与css()方法的功能。通过其引入的CSS3属性你可以完成一系列的动画效果。

3. Paper.js

Paper.js是一个开源的矢量图形脚本框架，运行于HTML5 Canvas（画布）之上。它提供了一个整洁的场景图（Scene Graph）或文档对象模型来创建矢量图形，并且拥有许多强大的功能，可以生成贝赛尔曲线等。所有这一切都通过一个精心设计的整洁一致的编程接口封装了起来。

4. Move.js

Move.js是一个小巧的JavaScript库，可以创建非常简单而优雅的CSS3动画。

5. JSAnim

jsAnim是一个强大却易于使用的JavaScript库，绝对可以让你创建令人惊叹的动画效果，而不会影响项目的可用性。它只有不到25KB，但却非常强大。

6. GX

GX是一个功能完善的、跨浏览器的超轻量级（未压缩状态下只有10KB）JavaScript动画框架。使用GX框架，你可以利用所有的W3C CSS属性来创建复杂动画效果。

7. Animatable

纯粹的CSS3动画方案。这里有一个demo，你可以看见使用它能实现什么样的动画效果。

8. Animate.css

Animate.css是一个可直接用于项目的有趣的、跨浏览器动画方案，包括一个纯粹的CSS3动画库及一些预定义的动画片段。

9. $fx

一个轻量级的JavaScirpt动画库，对JavaScript DOM函数进行了扩展。它体积很小（只有3.7KB）——健壮的实现，较低的学习成本，总之$fx是一个不错的选择。

10. Scripty2

Scripty2是一个强大灵活的JavaScript框架，可以让你编写属于自己的“可视化大餐”或者令人深刻的用户界面。它是Flash的竞争对手。

顶级的CSS和Javascript动画框架相关推荐

10个顶级的CSS和Javascript动画框架推荐
在网站中嵌入动画已成为近年来的一个设计趋势,许多公司都已开始转向并拥抱HTML5.CSS3和JavaScript这个技术"三人组".尽管这些技术还不能制作一些非常复杂的动画(像fl ...
顶级的CSS和Javascript动画框架推荐
CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果.可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果 9. 3D Synth Pure CSS 3D Synt ...
10个css动画,10个精妙的CSS和Javascript动画Logo的示例(上)
Python部落(python.freelycode.com)组织翻译,禁止转载,欢迎转发. Jake Rocheleau,2017年3月6日如今使用HTML和CSS构建动画Logo比以往更容易,且 ...
10个顶级的CSS UI开源框架
随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验.作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现 ...
9 个基于JavaScript 和 CSS 的 Web 图表框架
jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能,包括绘制 Web 图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图, ...
使用CSS和JavaScript的网络动画
在2016年都柏林DrupalCon上,Nikhil Sukul和Vidit Anjaria将与Drupal讨论动画 . 动画基础历史 "动画"的最初迹象来自大约5000年前的伊 ...
CSS3动画框架 Animate.css
CSS3的动画应用越来越多了,Animate.css一个从名字上就知道干什么的动画框架. github上的访问地址:http://daneden.github.io/animate.css/ 使用方法 ...
【JavaScript框架封装】实现一个类似于JQuery的动画框架的封装
// 动画框架 (function (xframe) {// 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法)xframe.extend({});// 不需要参与链式访问的xfr ...
css卷轴动画小程序,CSS动画｜JavaScript动画｜小程序动画
(1)CSS3 animation 动画 // 定义动画的关键帧 @keyframes xhf { from { transform:scale(0.5, 0.5); opacity:0.5; } t ...

顶级的CSS和Javascript动画框架

顶级的CSS和Javascript动画框架相关推荐

最新文章

热门文章