20个jQuery插件来创建动画图像效果
jQuery的可以是非常强大的,当你了解它,你会惊奇地发现它是能够做到的事情。 今天的职位是20个jQuery插件集合创建您的网站/博客动画的图像效果 。 他们可能是非常有帮助的,以吸引您的网页上新的访问者留下来降低跳出率或只是为了好玩! 请享用。
1.光子:JS CSS 3D光照引擎
光子是一个实验性JavaScript CSS 3D光照引擎。
来源 演示
2. HoverTransitions - jQuery的动画悬停效果
允许您创建的网页元素众多的过渡动画效果。 的影响是通过破坏元件成较小的箱和动画根据不同的图案和效果它们各自的外观进行的。
来源 演示
3. forkit.js:一个动画GitHub的色带
实验动画色带揭示的附加内容的帘。 见右上角! 的演示。
来源 演示
4.尼斯旌宇进度条使用jQuery和CSS3
闪亮闪亮进度条与百分比标签。 杆内的火花使用线性梯度和径向梯度为背景的组合创建的,然后使用动画和关键帧动画性能。
来源+演示
5. JustGage:动画仪表在SVG与拉斐尔库
一个方便的JavaScript插件生成和动画漂亮和干净的仪表。 它是基于拉斐尔库矢量绘图,所以它是完全独立的分辨率和自我调节。
来源+演示
6:JZoopraxiscope
jQuery插件,用于从埃德沃德·迈布里奇的Zoopraxiscope启发静态图像制作动画。 此外jQuery的,它也使用jQuery用户界面,并且需要进行动画作为单一,水平图像帧。
来源 演示
7.的Mac OS X Lion的用CSS3和jQuery的
本节简单地通过CSS3动画关键帧组成。 登录部分主要由一个时钟,两个图像(商标和头像的用户名),两个背景和密码输入栏。
来源 演示
8.滑动式与jQuery背景
在本教程中,我给你如何去封笔这张幻灯片快速破败。
来源 演示
9.缩小分享按钮使用jQuery和CSS3
我着手创建一个吸引注意力的方式来显示按钮,以及与此想出了:一个循环,扩张显露悬停一堆共享按钮的。 仔细阅读,了解如何做到这一点,并检查了演示!
来源 演示
10. jQuery的柔性
11. Gauge.js
100%原生和很酷的动画的JavaScript计。
来源+演示
12.旋转功能框与jQuery和CSS3
它(与过渡动画)的全面影响将在新望WebKit和Opera浏览器和火狐以上4个工作。 任何其他浏览器将旋转块,而不过渡动画。
来源 演示
13. ThumbFx:响应jQuery的缩略图影响
与ThumbFx丰富您的网站体验,一个jQuery插件动画带来您的图片和内容的生活。 没有jQuery的任何知识毫不费力地创建独特的动画效果。
来源 演示
14. PullOuts:jQuery的滑出窗口小部件
允许从网页抓取任何一部分内容,并显示它作为一个撤军部件。 无论是文字,图片,购物车,登录块,搜索或认购表格,视频或其他内容 - 你可以把它撤军。
来源 演示
15.彩色动画jQuery的插件
这个插件还增加了RGBA,颜色,所以现在你可以独立动画背景和前景文本的透明度。 要注意的是Internet Explorer 8和更早版本不支持RGBA-颜色。
来源+演示
16的Mac OS X的Dashboard使用jQuery
这是Mac OS X仪表板配有拖放图标,3D翻转的应用程序使用jQuery的例子。 Tranforms和过渡使用,以达到最佳效果。
来源 演示
17. jQuery的排序和秩序组合插件
特征 :
>延伸的过滤和顺序的按钮。
>定制CSS3驱动动画,优雅降级。
>约有30多种动画过渡的风格,在easeIn和easeOut不同。
>可选相反的顺序,可以设置命令按钮的支持与否。
来源 演示
18.水平条形图用CSS3和jQuery
今天我们就来创建使用jQuery的动画,水平条形图,CSS3属性(如:渐变,边框半径,RGBA)和CSS3过渡。
来源 演示
19. SeuratJS:拉斐尔插件美丽pointillized动画
一个JavaScript库,扩展拉斐尔和允许创建生动的动画和像素化作品使用最少的代码。 它通过从你所选择的图像中提取的色彩数据,并与SVG图形填充重建的原语原执行此操作。
来源+演示
20. JSTween:JavaScript动画库的jQuery
从底层向上的速度和精度设计,使其能够处理更多的同步的动画,同时保持如丝般光滑的帧速率。 在JSTween动画被触发play()方法拉开序幕。
来源+演示
From: https://www.sitepoint.com//20-jquery-plugins-create-animating-image-effects/