snabbt.js 强大的jQuery动画库插件

snabbt.js是一款轻量级的、功能强大的、简单易用的jQuery插件。snabbt.js提供了丰富的函数和接口来组合各种动画效果，它的过渡动画效果可以和CSS transform媲美，是一个非常强大的js动画库。snabbt.js的每秒传输帧数（刷新率）达到60FPS，即使是移动设备上也能达到这个数值。它的大小只有4KB，非常轻便。

使用snabbt.js可以很容易的将元素移动、旋转、放大缩小、倾斜和改变元素的大小。通过使用矩阵乘法运算（matrix multiplication operations），你可以结合各种变换动画来制作你想要的动画效果。它得到的效果比CSS3 transform效果更加好。

在线演示：http://www.htmleaf.com/Demo/201501061113.html

下载地址：http://www.htmleaf.com/jQuery/Image-Effects/201501061112.html

时间： 2024-08-29 10:00:55

snabbt.js 强大的jQuery动画库插件的相关文章

aos.js超赞页面滚动元素动画jQuery动画库

插件描述:aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件.该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果.在页面往回滚动时,元素会恢复到原来的状态. 简要教程 aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件.该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果.在页面往回滚动时,元素会恢复到原来的状态. AOS.js 下载          案例演示 安装 可以通过bower来安装aos动画库插件.

Html5添加轻量级炫酷js粒子动画库插件教程

一.使用方法 该粒子动画库插件使用方法非常简单,首先要在页面中引入particles.js文件. <script src="js/particles.js"></script> 在页面中使用一个div来作为放置粒子的容器. <div id="particles-js"></div> 然后可以按下面的方法调用该粒子插件: particlesJS('particles-js', { particles: { color:

html5轻量级炫酷js粒子动画库插件

这是一款基于html5 canvas的轻量级炫酷js粒子动画库插件.该粒子动画库js插件可以设置粒子的形状.旋转.分布.颜色等属性,还可以动态添加粒子,效果非常酷. 同样的例子效果还有:HTML5 Canvas彩色的光粒子模拟粒子运动动画效果. 在线演示:http://www.htmleaf.com/Demo/201501301300.html 下载地址:http://www.htmleaf.com/html5/html5-canvas/201501301299.html

Tweene-超级强大的jQuery动画代理插件

Tweene是一款功能强大的jQuery动画代理插件.Tweene可以在不同的动画库之间进行切换,使你能够同时使用不同的动画库而不必修改你的动画代码.使用Tweene可以很好进行各种动画控制. 现在已经有许多的javascript动画库插件,如snabbt.js ,它们每一个都有自己的优点和不足.每个程序员和每个项目都有其特定的要求,所以有时一个动画库可能不能满足我们的需要.我们并不建议你放弃那些已经存在的动画库而去自己编写一个新的动画库,即使你有这样的能力. 在线演示:http://www.h

viewer.js--一个强大的jQuery图像查看插件

Viewer 是一款强大的 jQuery 图像浏览插件. 主要功能: 支持选项 支持方法 支持事件 支持触摸 支持移动 支持缩放 支持旋转 支持键盘 跨浏览器支持 查看演示      立即下载 部分插件网站提供的下载包有缺陷,不能兼容ie8-10.错误表现为放大的图片没有取到url,导致图片不显示.所以此链接为 viewer的官方演示,及github上的开源代码. 使用方法: 1.引入css和js <link rel="stylesheet" href="css/vie

Viewer 是一款强大的 jQuery 图像浏览插件。

Viewer 是一款强大的 jQuery 图像浏览插件. 主要功能: 支持选项 支持方法 支持事件 支持触摸 支持移动 支持缩放 支持旋转 支持键盘 跨浏览器支持 链接: viewer的官方演示,及github上的开源代码. 使用方法: 1.引入css和js <link rel="stylesheet" href="css/viewer.min.css"> <script src="js/viewer.min.js">&l

kissui.scrollanim页面滚动动画库插件

简介 kissui.scrollanim是一款实用的纯JS和CSS3页面滚动动画库插件.通过该插件可以使元素进入浏览器视口的时候,展示指定的CSS3动画效果. 下载地址及演示 在线演示 在线下载 安装 可以通过bower来安装kissui.scrollanim插件. bower install kissui.scrollanim 使用方法 在页面中引入scrollanim.css和scrollanim.js文件. <link rel="stylesheet" href="

模拟真实物体运动的js动画库插件-Anima

Anima是一款可以同时控制许多对象进行动画的js插件.并且每一个对象都有它们各自的质量和密度以模拟现实生活中的物体. CSS3动画有一些限制,最主要的是你不可以真正完全的控制它们.如果不使用一些技巧的话,你几乎不可能停止动画的过渡. Anima是一个基本的物理基础js动画库框架.你可以通过它很容易的创建现实生活中的物体运动动画.Anima经过压缩后只有5K大小. 在线演示:http://www.htmleaf.com/Demo/201502041327.html 下载地址:http://www

WebGL助手：TWGL简化WebGL API的js动画库插件

twgl.js是一个小巧的WebGL助手库.这个js库的目的是让WebGL API更加简洁易读.WebGL的API非常的冗长,设置着色器,缓冲器,属性和uniforms需要大量的代码.一个简单的发光立方体效果在WebGL中可能需要超过60次代码调用.使用TWGL可以大大减少代码的书写,而且书写的代码整洁明了,非常容易读懂. TWGL有5个核心函数: twgl.createProgramInfo:编译着色器和创建属性和uniforms的设置器. twgl.createBufferInfoFromA